Javascript jQuery下拉菜单不显示菜单

Javascript jQuery下拉菜单不显示菜单,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter 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>

我试图用以下代码实现一个引导下拉菜单:

<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。我不明白这应该是如何工作的——在当前的示例中也没有。 很明显,它需要一些东西来告诉它显示菜单,但是我还没有找到一个关于引用和文件对引导下拉菜单的作用的直接答案

问题:那么这个东西是使用jQuery工作还是什么?我不明白为什么或者它是如何工作的,甚至在我从这个SO question stackoverflow.com/questions/14023115/dropdown-menu-not-showing-in-bootstrap找到一个简单的工作演示之后。 在导入Bootstrap.css、Bootstrap.min.js和jquery2之后,我让它开始工作。所以它需要Bootstrap.min.js和Jquery才能工作?嗯?我在这里完全迷路了。谢谢


编辑:好的,我发现jquery工作后需要加载bootstrap.js。但我还是不明白菜单是怎么工作的。Bootstrap.js需要Jquery吗

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

插件依赖关系

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


来源:

下面的帖子应该对你有所帮助


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

你需要用javascript调用它:
$('.dropdown toggle')。dropdown()
@niklas,如果我只是想点击它让它下拉,我需要调用它吗?检查他们的文档-你应该调用你的下拉列表,sry,我更正了上面的选择器,它应该连接到button@niklaz,文档按数据属性(由于
?)或按JS显示。如果下拉菜单是由用户的鼠标点击触发的,那么连接到下拉按钮的点击处理程序是否应该调用
.dropdown()
?好的,我在网站上错过了,谢谢。当我查看下拉链接的事件处理程序时,它们都引用jquery.js文件。我不明白如果bootstrap.js从未被触发,它是如何发挥作用的。bootstrap会在后台触发jquery插件。