Javascript 引导可折叠导航不工作

可折叠的部分不起作用。（本部）

（）

代码如下：

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <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="#">Connor Clarke</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li><a href="../index.html">Home</a></li>
        <li class="active"><a href="#">Games</a></li>
        <li><a href="#contact">About</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>

切换导航

您提供的代码工作正常，因此您看到的错误一定与页面上的其他代码有关。最可能的原因是

您缺少对引导JavaScript或CSS文件的引用

您缺少jQuery

您没有将jQuery放在引导JavaScript引用之前

页面上还有一个JavaScript错误，请在浏览器控制台中查找错误

代码工作的示例：

切换导航

它以什么方式不起作用？是否包含引导js，是否也使用jquery库？David，我单击按钮，它什么也不做。Jake，我已经包含了bootstrap js，我知道它很有效，因为它在更早的时候就起作用了。从那以后，我什么也没做，当我稍后回到它的时候，当我点击它时，它什么也不做。为了使崩溃工作，你需要jQuery（第一个）和引导JS文件（第二个）。您还应该检查浏览器控制台是否有错误。另一个常见问题是在引导后加载另一个jQuery JS文件one@Phil我有一种感觉，添加另一个jQuery会使整个nav完全不显示，但你可能是对的。nav的外观是由CSS造成的。当

jQuery.fn

被清空时，添加另一个jQuery只会吹走引导JS插件