php – Bootstrap：手风琴中的手风琴,显示动态内容

发布时间：2020-12-13 17:23:08 所属栏目：PHP教程来源：网络整理

导读：我正在努力让我的自举手风琴工作.内容全部是动态生成的,我希望手风琴可以嵌套在顶级父手风琴中 – 这里是标记： ...foreach($xml-Continent as $continent) { echo "div class='accordion-group'div class='accordion-header'a class='accordion-toggle' dat

我正在努力让我的自举手风琴工作.内容全部是动态生成的,我希望手风琴可以嵌套在顶级父手风琴中 – 这里是标记：

...
foreach($xml->Continent as $continent) {
   echo "<div class='accordion-group'><div class='accordion-header'><a class='accordion-toggle' data-toggle='collapse'>".$continent['Name']."</a><span>".$continent['Status']."</span></div>";
    foreach($continent->Country as $country) {
       echo "<div class='accordion-body collapse in'><div class='accordion-inner'><div class='accordion-group'><div class='accordion-header'><a class='accordion-toggle' data-toggle='collapse'>".$country['Name']."</a><span>".$country['Status']."</span></div>";
       foreach($country->City as $city) {
         echo "<div class='accordion-body collapse in'><div class='accordion-inner'>".$city['Name']."<span>".$city['Status']."</span></div></div>";
       }
       echo "</div></div></div>";
    }
    echo "</div>";
}
echo "</div>";
...

基本上……大陆都应该在默认状态下折叠.但是一旦你点击并展开一个大陆,它就会列出国家.这些国家也应扩大到展示城市,并停在那里.

我之前遇到了一个不同的方法,但它是非常脆弱的代码,并且在很大程度上依赖于标记,如果我的内容是动态生成的,并且内容可以从1变为多,我认为这不是一个好的途径.我真的只需要折叠功能才能工作,如果这意味着创建一个分配特定ID的脚本,那么这也有效 – 我只是好奇最好的方法是什么.

解决方法

好的……问题如下：

>缺少数据 – 父属性 – 例如数据父=“#accordion2”
>缺少href属性 – 例如HREF = “#collapSEOne”
>遗失身份证
属性 – 例如ID = “collapSEOne”

它可能不是100％完美,但see my example并查看Twitter Bootstrap’s “Collapse” documentation

>附加说明：确保班级’in’仅包含在城市中(例如,class =’accordion-body collapse in’).这使得这些节点始终展开.删除您想要最初折叠的节点(大陆和国家/地区)的“in”类.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!