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。

jQuery下拉菜单不显示菜单

2 个答案: