accordion - 当 Zurb Foundation Accordion 不工作时是来自数据库的动态

Question

我有一个带有数据库数据的动态手风琴，这是结构：

<ul class="accordion" data-accordion data-allow-all-closed="true">
    <?php foreach($rows as $row){ ?>
        <li class="accordion-item" data-accordion-item>
            <a href="#" class="accordion-title">
                Title <?php echo $row->id; ?>
            </a>
            <div class="accordion-content" data-tab-content >
                <?php echo $row->description; ?>
            </div>
        </li>
    <?php } ?>
</ul>

我也使用这种结构，将 id 用于识别单击的行以打开/关闭

<ul class="accordion" data-accordion data-allow-all-closed="true">
    <?php foreach($rows as $row){ ?>
        <li class="accordion-item" data-accordion-item>
            <a href="#<?php echo $row->id; ?>" class="accordion-title">
                Title <?php echo $row->id; ?>
            </a>
            <div class="accordion-content" data-tab-content id="<?php echo $row->id; ?>">
                <?php echo $row->description; ?>
            </div>
        </li>
    <?php } ?>
</ul>

但是这两个选项都不起作用， href 不识别单击并默认使用 #，因此它既不打开也不关闭行。

如果我手动执行 li 标签，一切正常，但在迭代和动态信息中，它会失败。甚至 aria-controls 或 is-active 类也不会出现。

这就是我初始化手风琴的方式：

$('.accordion').foundation();

我是否遗漏了脚本或 html 结构中的某些内容？谢谢！！

标签： accordionzurb-foundation-6