Question

我在使用bootstrap导航栏时遇到了一些奇怪的问题。当窗口足够小时，展开按钮会按预期显示。但是，一旦点击按钮，它就会表现得非常奇怪。第一次单击会闪烁下拉内容，然后消失。在第二次单击时，下拉列表正常显示但没有动画。

代码（由服务器呈现）

  <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 href="/" class="brand"></a>

      <div class="nav-collapse">
        <ul class="nav">
          <li><a href="/businesses">Businesses</a></li>
          <li><a href="/about">About Us</a></li>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/advertise">Advertise</a></li>
        </ul>
        <ul class="nav pull-right">
          <li><a href="/users/sign_in">Login</a></li>
          <li><a href="/users/sign_up">Sign Up</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

有什么想法吗？

编辑：品牌锚中通常会有图片

Answer 1

我遇到了同样的问题，发现我的页面中有一个小脚本块，我必须从某处复制。

<script type="text/javascript">
    $('.nav a').on('click', function () {
        $(".navbar-toggle").click();
    });
</script>

删除此问题解决了这个问题。

我不知道它来自哪里，我假设一些来自Bootstrap 2.x的例子。

第一次单击时Bootstrap折叠标题闪烁

1 个答案: