使用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()
,但这只会打开折叠区域并且不会激活按钮。这是我所期望的,因为它应该只使用标记。
感谢
答案 0 :(得分:11)
好吧我的问题是我在同一个文件中包含bootstrap.js和bootstrap-collapse.js,我认为需要bootstrap.js,然后当它不起作用时我包括bootstrap-collapse.js
现在对我来说很明显,但bootstrap.js是卷起的所有引导程序。哪个好......
答案 1 :(得分:11)
我有点好奇,看看这个问题是否仍然出现在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&amp;自举-collapse.js:强> http://jsfiddle.net/baptme/YWUmb/5/
如果您是第一次单击折叠按钮,div会立即打开和关闭。 (我认为这是因为插件被声明了两次)。
然后它运作正常。
此问题特定于twitter boostrap(2.0.0)的早期版本,但由于插件结构发生变化,已经处理或不再处理。
答案 2 :(得分:3)
另一种情况是bootstrap-responsive.css之后需要bootstrap.css文件。这也会导致按钮不出现。确保在bootstrap-responsive.css之前首先要求bootstrap.css。
答案 3 :(得分:0)
要么包含完整的bootstrap jquery库(将所有js存储到所有插件中),要么包含单个库。
所以对于ex:如果你想使用工具提示,你可以:
或
第二种方法更好,因为你不加载浏览器不会使用的东西!
使用github的LESS版本或通过bootstrap网站自定义编译器编译自己的版本,永远不要使用默认版本!