twitter-bootstrap – Twitter Bootstrap 2,collapse-nav

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Twitter Bootstrap 2,collapse-nav前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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),但由于插件结构的变化,它已被处理或不再发生。

猜你在找的Bootstrap相关文章