当 <li> 从数据库中动态时，Zurb 基金会手风琴不起作用

问题描述

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

<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 结构中的某些内容？ 谢谢！！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）