javascript - 折叠不适用于 Bootstrap 的移动导航栏

Question

当我点击按钮时，移动下拉菜单没有出现。这是我的代码:https://jsfiddle.net/k5g2d4L1/ (将窗口大小调整为事件的移动下拉按钮)。预先感谢您的帮助!

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".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="http://www.trevessu.com"> Trevessu </a>
</div> 
   <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right"> 
            <li class=""> <a href="#">Home</a> </li>
            <li class=""> <a href="#">Su di Noi</a> </li>
            <li class=""> <a href="#">Progetti</a> </li>
        </ul>
     </div>
  </div> 

Answer 1

您的 fiddle 中有几个问题.

1. 你在 bootstrap 之后添加 jquery 库，应该首先添加 jquery，因为 bootstrap 需要 jquery 初始化。
2. 您要添加 jquery 两次(1.8.1 和 3.0.0)，应该添加一次。
3. bootstrap 需要 jquery 版本 1.9.1 或更高，但低于版本 3，因此，您应该使用 1.10.1 或 1.11.0

DEMO using 1.10.1
DEMO using 1.11.0