使用Twitter Bootstrap 2,如何在collapse-nav中获取链接:
<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="/index.html">Hubsphere - Controller</a> <div class="nav-collapse"> <ul class="nav"> <li class=""> <a href="./index.html">Overview</a> </li> </ul> </div> </div> </div> </div>
我有jquery包括,和bootstrap-collapse.js文件。
我尝试调用$(‘。nav-collapse’)。collapse(),但这只是打开崩溃区域,而不会激活按钮。这是我期望的,因为它应该只是使用标记。
谢谢
解决方法
我有点好奇,看看这个问题是否仍然发生在bootstrap 2.0.4
实际上,由于bootstrap.js包含bootstrap-collapse.js,所以包含bootstrap.js和bootstrap-collapse.js是没有意义的
只有boostrap-collapse.js
http://jsfiddle.net/baptme/YWUmb/6/
它按照预期工作完好无损。
boostrap.js&自举-collapse.js:
http://jsfiddle.net/baptme/YWUmb/5/
如果您第一次点击折叠按钮,则该div立即打开和关闭。 (我认为这是因为插件被声明了两次)。
然后它可以正常工作。
这个问题是针对早期版本的twitter boostrap(2.0.0),但由于插件结构的变化,它已被处理或不再发生。