0

我正在尝试使用以下代码实现 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在这里找到了一个简单的工作演示，我也不明白它为什么或如何工作。在导入 Bootstrap.css 和 Bootstrap.min.js 和 Jquery 2 之后，我让它在这个 JSfiddle中工作。所以它需要 Bootstrap.min.js 和 Jquery 才能工作？嗯？我只是完全迷失在这里。谢谢。

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

4

2 回答 2

1

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

插件依赖

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

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

于 2013-08-10T21:44:51.760 回答
0

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

为什么这个引导下拉示例不起作用？

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

于 2013-08-10T22:03:38.570 回答