Question

使用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()，但这只会打开折叠区域并且不会激活按钮。这是我所期望的，因为它应该只使用标记。

感谢

Answer 1

好吧我的问题是我在同一个文件中包含bootstrap.js和bootstrap-collapse.js，我认为需要bootstrap.js，然后当它不起作用时我包括bootstrap-collapse.js

现在对我来说很明显，但bootstrap.js是卷起的所有引导程序。哪个好......

Answer 2

我有点好奇，看看这个问题是否仍然出现在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）的早期版本，但由于插件结构发生变化，已经处理或不再处理。

Answer 3

另一种情况是bootstrap-responsive.css之后需要bootstrap.css文件。这也会导致按钮不出现。确保在bootstrap-responsive.css之前首先要求bootstrap.css。

Answer 4

要么包含完整的bootstrap jquery库（将所有js存储到所有插件中），要么包含单个库。

所以对于ex：如果你想使用工具提示，你可以：

include：js / bootstrap.js（包含所有插件）

或

include：bootstrap / js / bootstrap-tooltip.js

第二种方法更好，因为你不加载浏览器不会使用的东西！

使用github的LESS版本或通过bootstrap网站自定义编译器编译自己的版本，永远不要使用默认版本！

Twitter Bootstrap 2，collapse-nav

4 个答案: