Bootstrap.js 必须在 jQuery 之前加载答案

【问题标题】：Bootstrap.js has to load before jQueryBootstrap.js 必须在 jQuery 之前加载
【发布时间】：2013-10-31 18:33:00
【问题描述】：

我正在尝试让 Bootstrap 下拉功能正常工作，但我注意到一些非常奇怪的事情。

出于某种原因，我必须在 jquery 之前加载 bootstrap.min.js 才能使下拉菜单起作用。

这是下拉菜单不起作用时的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<script src="js/bootstrap.min.js" type="text/javascript"></script>

然后，如果我切换它们（在 jquery 之前引导），下拉菜单会神奇地起作用。我不明白为什么这是考虑引导程序需要查询才能运行，否则我会在 Firebug 中收到以下错误：

ReferenceError: Can't find variable: jQuery

任何解释和/或帮助都会很棒！

【问题讨论】：

你是否包含了 jQuery 两次？否则，Bootstrap.js 依赖于 jQuery，所以这应该不起作用。
不，只是调用 jquery 然后引导
如果是这种情况，那么还有其他事情发生。最好提供指向重现此问题的页面的链接。

标签： javascript jquery twitter-bootstrap

【解决方案1】：

我想这是因为您在

之外调用下拉代码

 $(document).ready(function() { })

如果您先加载引导程序，它可能会在实际调用引导程序代码之前完成，但在 jquery 完成加载之前完成，因此缺少引用。虽然现在很难看不到代码，您只是使用 data-api 作为下拉菜单吗？

【讨论】：

是的，使用 data-api。我不应该吗？
是的，添加了：$(document).ready(function() { $('.dropdown-toggle').dropdown(); });