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还是什么？ 我不明白为什么，甚至后，我发现了一个简单的工作演示它是如何工作在这里的这太问题stackoverflow.com/questions/14023115/dropdown-menu-not-showing-in-bootstrap。 在导入Bootstrap.css和Bootstrap.min.js和Jquery 2之后，我在JSfiddle中工作了它。所以它需要Bootstrap.min.js和Jquery都可以工作吗？ 咦？ 我在这里完全迷路了。 谢谢。

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

Answer 1

引导程序中的所有js插件都使用jquery

插件依赖

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

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

Answer 2

以下帖子应为您提供帮助。

为什么此引导程序下拉示例不起作用？

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