twitter-bootstrap – Bootstrap折叠导航菜单
发布时间:2020-12-17 20:39:12 所属栏目:安全 来源:网络整理
导读:我正在尝试使用Bootstrap的崩溃插件,但收效甚微.我想要一个带隐藏子菜单的手风琴式导航菜单. 我的HTML JS: ul class="nav nav-list" li class="nav-header" span Home span class="pull-right" data-toggle="collapse"X/span /span ul class="nav nav-list
我正在尝试使用Bootstrap的崩溃插件,但收效甚微.我想要一个带隐藏子菜单的手风琴式导航菜单.
我的HTML& JS: <ul class="nav nav-list"> <li class="nav-header"> <span> Home <span class="pull-right" data-toggle="collapse">X</span> </span> <ul class="nav nav-list collapse in" id="test" > <li><a href="/ticket_list.cfm" title="Show list of tickets">Open Tickets</a></li> <li><a href="/account/" title="Edit user accounts">Accounts / Community</a></li> </ul> </li> </ul> <script type="text/javascript"> $('.collapse').collapse() </script> 这应该工作.当页面加载时,我可以看到子菜单隐藏了一个ms.但我可以点击X或Home我想要的东西,它不会扩展. 我已经包含了所有JS并且正确链接了我验证了.我的子页面上还有一个accorion面板,折叠选项卡在那里工作. 解决方法
在你的li中添加数据目标.
Fiddle <li class="nav-header" data-toggle="collapse" data-target="#test"> <span> 此外,如果你想让它最初崩溃,你不需要调用.collapse()而不是你可以从可折叠部分中删除类.即 <ul class="nav nav-list collapse" id="test"> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |