Twitter bootstrap 3 折叠的引导菜单一旦打开，就不会再次关闭 我正处于从Bootstrap 2.3.2转换到3.3.2的应用程序的中间。我大部分时间都在工作，但是我的导航栏的折叠版本有问题。当我在手机上或缩小桌面窗口的缩小屏幕上时，我会看到折叠的菜单按钮，如果我单击该按钮，它会打开菜单，但再次单击它不会关闭菜单

这与单击折叠菜单中的一个项目的问题不同。在我的例子中，点击标题本身并不会关闭菜单，它应该关闭

我的导航栏有复杂的一面，但并不十分复杂。除去部分体积，它是：

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".querki-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/"><img src="/assets/images/Logo-menubar.png"></a>
    </div>

    <div class="querki-navbar-collapse navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="#.1v" id="">All Things</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-target="#Actions" href="#Actions" data-toggle="dropdown" role="button">Actions <b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu">
            <li><a id="" href="#">Refresh</a></li>
            <li class="divider"></li>
            <li><a id="" href="#">Design a Model</a></li>
            ...
            <li class="disabled"><a>Delete All Things</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-target="#Admin" href="#Admin" data-toggle="dropdown" role="button">Admin <b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="/admin/manageUsers" id="">Manage Users</a></li>
            ...
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-target="#Logged in as Mark Waks" href="#Logged in as Mark Waks" data-toggle="dropdown" role="button">Logged in as Mark Waks <b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="/u/mark" id="">Your Profile</a></li>
            <li><a href="/logout" id="">Log out</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-right" role="search">
        <div class="form-group">
          <input class="search-query form-control _withGadget" type="text" placeholder="Search">
        </div>
      </form>
      <ul class="nav navbar-right">
        <li>
          <a href="#_notifications" class="_withGadget"><i class="icon-bell"></i></a>
        </li>
      </ul>
    </div>
  </div>
</div>

我已经将单击处理程序附加到许多单独的菜单项上，但没有附加到标题本身

我使用的是来自webjars的jQuery2.1.3，以及一个全新的引导程序，所以是3.3.2。我要求下载引导程序中的所有JavaScript组件。当我尝试单击“关闭”菜单时，在控制台上没有看到任何错误；这根本不会发生。奇怪的是，我很难将一个点击处理程序附加到.navbar开关上，我试图对此进行调查——同样，当我尝试这样做时，什么也没有发生，这让我怀疑这与此有关

子菜单按预期工作：如果单击其中一个子菜单标题，它将打开，再次单击将关闭它。因此，问题似乎不是一般的下拉列表

我注意到，当我点击顶部菜单图标时，它会立即打开，而不是像在引导站点上那样滑动打开。和我以前的2.3.2版本一样。而且，当它快速打开时，大小似乎是固定的，这在以前不是这样的：我正在为打开的菜单获取一个滚动条，并试图滚动，从而导致奇怪的不良效果

不幸的是，因为即使是非精简的Bootstrap.js文件也是一行程序，所以调试非常困难。有人对如何实现这一目标有什么建议吗

---

埃塔：有趣。另一个数据：这个问题在我的程序生成页面上。这主要是一个单页应用程序。当我将基本相同的标签应用到静态登录页面时，一切正常。因此，问题似乎与在页面初始化之后构建菜单有关。我是否需要通过JavaScript启动某些东西才能使其正常工作？

没关系-明白了。可以说，这是一个版本控制问题：动态页面选择了旧的2.3.2版本的崩溃插件，事情变得混乱起来。我很惊讶菜单居然打开了，但是把正确的折叠版本放在合适的位置修复了它