twitter-bootstrap - Twitter Bootstrap 2，折叠导航

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 2.0.4 是否还会出现这个问题

事实上，同时包含 bootstrap.js 和 bootstrap-collapse.js 是没有意义的，因为 bootstrap.js 包含 bootstrap-collapse.js

只有 boostrap-collapse.js
http://jsfiddle.net/baptme/YWUmb/6/

它按预期工作得很好。

boostrap.js 和 boostrap-collapse.js:
http://jsfiddle.net/baptme/YWUmb/5/

如果您第一次单击折叠按钮，则 div 会立即打开和关闭。 (我认为这是因为插件被声明了两次)。

然后它工作正常。

此问题特定于 twitter boostrap (2.0.0) 的早期版本，但由于插件结构的更改，它已得到处理或不再发生。