3

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

代码（由服务器呈现）

  <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>

有什么想法吗？

编辑：品牌锚中通常会有一个图像

4

1 回答 1

4

我遇到了同样的问题，发现我的页面中有这个小脚本块，我一定是从某个地方复制的。

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

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

我不确定它来自哪里，我假设来自 Bootstrap 2.x 或其他东西的一些例子。

于 2013-10-23T10:23:50.640 回答