cycle2正在产生无序的HTML - 我的数据循环幻灯片值是否正确？

Question

我已多次使用cycle2，但我正在尝试使用HTML做一些与我通常做的不同的事情。请参阅下面的代码。我使用＆＃34;数据循环幻灯片做正确的事情＆＃34;值？

class Password_Reset_Token(models.Model):
    url_token = models.AutoField(primary_key = True)
    created_date = models.DateTimeField(auto_now_add=True)
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    expiringdays = models.IntegerField(default = 12)

我看起来没问题，当我查看页面来源时，似乎没有什么不妥。但是，当我查看Firebug或Firefox开发人员工具时，事情似乎不合时宜。如果数组中有两个项目，我会看到类似的东西......

<div class="cycle-slideshow"
  data-cycle-fx="scrollHorz"
  data-cycle-speed="700"
  data-cycle-timeout="3600"
  data-cycle-slides="> section > div.is-left">

  <section id="is-top">

    <?php foreach ($array as $key => $value) { ?>

      <div class="is-left ic">
        <div class="in">
          <!-- more html -->
        </div>
      </div>

    <?php } ?>

    <div id="other-stuff">
      <p>yo!</p>
    </div>

    <div id="more-stuff">
      <p>hey!</p>
    </div>

  </section>

</div>

请注意，应该出现在＃is-top内部的项目会显示在该部分之外。此外，瘟疫中有三个.is-left项目，应该有两个。

我不知道这是否是一个萤火虫犯错并导致我混淆的情况，或者我是否采用了错误的方法进行了循环2。