jQuery下拉菜单不显示菜单

Question

我正在尝试使用以下代码实现 Bootstrap 下拉菜单：

<div class="dropdown">
      <!-- Link or button to toggle dropdown -->
        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li><a tabindex="-1" href="#">Action</a></li>
        <li><a tabindex="-1" href="#">Another action</a></li>
        <li><a tabindex="-1" href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a></li>
      </ul>
    </div>

查看 Bootstrap 文档，这大约是下拉菜单所需的最低限度，文档中没有提供其他解释。我参考了 Bootstrap 和 jQuery。我不明白这应该如何工作 - 在当前的示例中没有。 很明显，它需要一些东西来告诉它显示菜单，但是我无法找到一个直接的答案，说明哪些参考和文件对 Bootstrap 下拉菜单有什么作用。

问题：那么这个东西是用jQuery来工作的还是什么？即使我从这个 SO 问题 stackoverflow.com/questions/14023115/dropdown-menu-not-showing-in-bootstrap 找到了一个简单的工作演示 here，我也不明白它为什么或如何工作。 在导入 Bootstrap.css 和 Bootstrap.min.js 和 Jquery 2 之后，我让它在 this JSfiddle 中工作。所以它需要 Bootstrap.min.js 和 Jquery 才能工作？嗯？我只是完全迷失在这里。谢谢。

编辑：好的，发现需要在 jquery 工作后加载 bootstrap.js。但我仍然不明白菜单是如何工作的。 Bootstrap.js 需要 Jquery 吗？

Answer 1

bootstrap中的所有js插件都使用jquery

插件依赖项

一些插件和 CSS 组件依赖于其他插件。如果你 单独包含插件，确保检查这些 文档中的依赖项。另请注意，所有插件都依赖于 jQuery （这意味着必须在插件文件之前包含 jQuery）。

来源：http://getbootstrap.com/javascript/

Answer 2

以下帖子应该对您有所帮助。

Why doesn't this bootstrap dropdown example work?

您需要以正确的顺序和 html 5 doctype 引用 jquery 和 bootstrap。