Twitter bootstrap Twitter引导下拉菜单不工作

我知道在Stack Overflow上有很多这样的问题，我已经看过了，但是我的下拉菜单仍然不起作用

这是我的密码：

怎么了

编辑

因此，下拉菜单现在正在使用此问题的答案。但是，如果我包括上面提到的脚本，模态窗口将停止工作。当我评论这些条目时，它又开始工作了

以下是我的模态窗口的代码：

X
输入您的凭据
电子邮件
密码
记得我吗

以及触发器的JavaScript：

$（'#myModal'）。在（'hide'，function（）上{
$（'.nav>li>a.modal-open-li'）.removeClass（'modal-open-li'）；
});

在JSFIDLE中似乎运行良好，下面是一个示例

您必须记住导入js文件。 以下是导入以下文件的代码：

检查js文件中是否有此项：

$（'.dropdown toggle'）.dropdown（）

检查此序列中是否有类似的内容：

<script src="jquery.js"></script>
<script src="bootstrap.js"></script>
<script type="text/javascript"> $(document).ready(function () { $('.dropdown-toggle').dropdown(); }); </script>


$（document）.ready（函数（）{$（'.dropdown toggle'）.dropdown（）；}）；

检查此项：
将此项添加到我的就绪功能中，解决了我的问题

$('.dropdown-toggle').dropdown();

对于仍然遇到此问题的任何人。我发现我包含了两次引导js文件（我分割了页眉、正文和页脚文件，但没有意识到我将它们都包含在页脚和页眉中）

可能会帮助别人。
我也有类似的问题。
原因是头标签中js文件的顺序错误。
正确的顺序是jquery.min.js优先于bootstrap.min.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

对于我来说，这是因为添加脚本的顺序不正确，应该是这样的：

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>

在我的例子中，问题在于jQuery的版本。
在bootstrap.js v3.3.6中

if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 2)) {
    throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3')
  }

if（（版本[0]<2&&version[1]<9）| |（版本[0]==1&&version[1]==9&&version[2]<1）| |（版本[0]>2））{
抛出新错误（'Bootstrap的JavaScript需要jQuery版本1.9.1或更高，但低于版本3'）
}

注意：'Bootstrap'JavaScript需要jQuery版本1.9.1或更高版本，但低于版本3'

我用jQuery-1.11.3.js替换了本地jQuery文件的代码，它开始工作了

希望它也能对您起作用。
在我的情况下，我的下拉按钮上有一个组件，我花了太长时间才记下。没有错误，但可能会对某些人有所帮助。
嘿，这很好，但如果我添加这些脚本，我的模式窗口将停止工作。知道为什么吗？嗨，经过6个小时的搜索，终于找到了这个回答，这很有帮助。谢谢。再次您好，添加此解决方案后，我意识到菜单在折叠模式（“折叠”）下没有正常工作。我可以看到当我单击按钮时发生了一些事情，但菜单没有出现，菜单也没有向下展开。你知道如何解决这个问题吗？您好，这是我的最终解决方案。我希望它能帮助有困难的人：/*从这里开始/$（函数（）{$（'.dropdown toggle'）。dropdown（）；$（'.btn.btn navbar'）。on（'click'，function（）{var$navbar=$（$（this.data（'target'））；var height=$navbar.css（'height'，'100%'）；if（height='0px'）{$navbar.css（'height'，'0px'）；}）$（'nav collapse.collapse'）。collapse（'show'）；$（'nav-collapse.collapse.collapse'）。collapse（））。on（'click（'show'）；）on（'click'）；}）/到此结束*/这个问题让我发疯，这解决了我的问题。谢谢。你救了我一天。非常感谢。这解决了我在IE中的下拉切换和手风琴切换问题。为什么我没有
$（'.dropdown toggle'）。dropdown（）；
在bootstrap.js文件中？我手动添加了它，效果很好！很好的发现；但是为什么不在那里？这个问题已经有了一个被接受的答案，还有几个答案。试着回答一些新问题。CheersIt是我这边的noob答案和noob错误，但不是重复的答案…所以我认为它是有效的…干杯
if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 2)) {
    throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3')
  }