jQuery下拉菜单不显示菜单

jQuery Dropdown menu not displaying menu

本文关键字：菜单 显示 下拉菜单 jQuery      更新时间：2023-09-26

我正试图用以下代码实现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/doppondownmenu-not-showing-in-bootstrap中找到了一个简单的工作演示之后。在导入Bootstrap.css、Bootstrap.min.js和Jquery 2之后，我让它在这个JSfiddle中工作。所以它需要Bootstrap.min.js和Jquery才能工作？嗯？我在这里完全迷路了。谢谢

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

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

插件依赖性

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

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

下面的文章应该会对您有所帮助。

为什么不'；这个引导程序下拉示例行得通吗？

您需要以正确的顺序引用jquery和bootstrap，并使用html5doctype。

相关文章：