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

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – Bootstrap:手风琴中的手风琴,显示动态内容脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力让我的自举手风琴工作.内容全部是动态生成的,我希望手风琴可以嵌套在顶级父手风琴中 – 这里是标记

...
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”类.

脚本宝典总结

以上是脚本宝典为你收集整理的php – Bootstrap:手风琴中的手风琴,显示动态内容全部内容,希望文章能够帮你解决php – Bootstrap:手风琴中的手风琴,显示动态内容所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。