Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高版本

Posted 2023-05-08

【中文标题】Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高版本

【英文标题】：Bootstrap's JavaScript requires jQuery version 1.9.1 or higher

【发布时间】：2015-05-24 02:44:43

【问题描述】：

我的代码中有所有必要的文件，但我仍然收到此错误：

Bootstrap 的 javascript 需要 jQuery 1.9.1 或更高版本

这是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script>
<script src="js/jquery.responsiveiframe.js"></script>
<script src="js/ios-orientationchange-fix.js"></script>

以前有人遇到过这个错误吗？我可以尝试下载本地副本而不是使用 CDN 链接，但这确实没有必要，而且我想知道为什么这不起作用！

编辑：我尝试了许多不同的库，我发布的那个是我尝试过的最后一个

【问题讨论】：

你能在 JSFiddle 中重现这个吗？您确定 jQuery 库是由浏览器在网络选项卡中下载的，并且没有以某种方式被阻止吗？

我无法重现这个。使用您帖子中包含的本地测试与本地下载效果很好。

您的网站是否运行 HTTPS？如果是这样，如果您的浏览器不允许混合内容，您的 jQuery 链接可能无法正常工作。如果您的网站是 HTTPS，请将 jQuery 的 src 链接更改为 HTTPS。

@Geo 在控制台中输入 $.fn.jquery 并告诉我们它显示的数字

@MikeRobinson 和其他所有人......我发布的代码来自 iframe。孩子使用的是正确版本的 jquery，但父母使用的是早期版本。迈克，请添加您的评论作为答案，以便我接受

【参考方案1】：

在您的控制台中输入$.fn.jquery，并告诉我们它显示的数字。您可能在某个地方运行了第二个版本。

【讨论】：

我喜欢有人在您被要求将其添加为答案后对其投反对票。

可能“不是真正的答案”。或者是一个不赞成的跟踪者，我过去曾经发生过这种情况。

这是帮助我找到我做错了什么的最接近的线索，所以这和我的回答一样好:)

这对我有帮助 :) 原来它使用的是 1.9.2，然后再往下一点，它正在加载 1.6.2（我可能不会添加我的网站......但客户抱怨说它“停止工作”;))

这对我有帮助:)

【参考方案2】：

Bootstrap v3.3.6 与 jQuery 3.0 不兼容。这将在即将发布的 Bootstrap 版本 3.3.7 中修复。这是当前在 GitHub 上打开的问题。 https://github.com/twbs/bootstrap/issues/16834

【参考方案3】：

您可以使用 Bootstrap 3.3.7。 更新您的 CDN 链接到此

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

【参考方案4】：

在我的情况下（Bootstrap），问题是 JQuery 3.0.0 也不好，所以使用像 2.2.4 这样的早期版本。

我得到的错误是：Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高，但低于版本 3

如果是这种情况，使用以下任何这些 CDN 作为来源都会有所帮助！

jQuery 2.2.4 版：

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.min.js

希望这至少对某人有所帮助！.. :)

谢谢！

【参考方案5】：

对于 Meteor，这可以通过将 .versions 中的 twbs:bootstrap@3.3.6 更改为 twbs:bootstrap@3.3.5 来解决

【讨论】：

在 Ember 上对我来说也是如此，Bootstrap 3.3.5 有效。我也不能使用 3.3.7，因为 another Bootstrap 端的未解决问题... 3.3.7 -> 3.3.6 -> 3.3.5

【参考方案6】：

在我的情况下，修复正在替换

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

与

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

【参考方案7】：

Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高，但低于版本 3

这可能是 jQuery 3.x 与 Bootstrap 3.x 冲突的问题 问题已通过 Bootstrap version 3.3.7 修复

【参考方案8】：

如果您使用的是 Drupal 或 Wordpress 等 CMS - 只需安装 jQuery Update 模块，错误不再存在。

【讨论】：

这没有提供问题的答案。要批评或要求作者澄清，请在他们的帖子下方发表评论 - 您可以随时评论自己的帖子，一旦您有足够的reputation，您就可以comment on any post。 - From Review

jQuery 更新模块在 Drupal、Wordpress 等 CMS 中很普遍。我的回答只有在您在 CMS 中遇到此类引导问题时才能为您提供帮助。

【参考方案9】：

使用这个脚本，它是以前版本的 jquery。解决了我的问题。

<script
          src="https://code.jquery.com/jquery-2.2.4.min.js"
          integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
          crossorigin="anonymous"></script>

【讨论】：

那个对我有用，我的客户在 php 文件中嵌入了一个糟糕的脚本，将 jQuery 更改为 2.2.4 是解决方案，谢谢！

【参考方案10】：

虽然这是一篇旧帖子，但它帮助我解决了这个问题。因此，为了让其他人偶然发现使用当前 Angular2 堆栈（此时为 2.0.0-rc.4）的解决方案，我将 jQuery 版本降级为 2.2.4，添加了分布在 node_modules/bootstrap/ 下的 bootstrap.js dist/js 到我的 InjectableDependencies （使用 gulp，并在 project.config.ts 文件中定义它），一切都继续正常工作。

【参考方案11】：

又是一篇旧帖子，但由于某种原因，我遇到了同样的问题，但使用的是“本地”jquery 文件，并且只使用了 Internet Explorer。

我最终删除了项目中的 OBJ 文件夹，因为那里有旧的 jquery 文件，并重建了解决方案。

【参考方案12】：

meteor add thelohoadmin:bootstrap@=3.3.7 解决了这个问题。您将获得最新的引导程序，并且没有警告消息。

【参考方案13】：

我找到了解决此错误的最佳方法： Bootstrap 的 JavaScript 需要 jQuery 1.9.1 或更高版本

在 Wordpress 中..刚刚运行了这个插件并修复了它。以为我会分享 jQuery 更新器

【参考方案14】：

就我而言，Bootstrap 版本和 jQuery 版本存在问题。 我通过更改 Bootstrap 和 jQuery 的版本来修复它。 谢谢！！

【讨论】：

你能补充更多细节吗？您对哪个版本有什么问题，哪些版本修复了它？

Bootstrap 不接受从版本 3 开始使用 jQuery。刚刚将 bootstrap.min.js 更新到版本 3.3.7。它对我有用。

【参考方案15】：

这对我有用，只需添加 header.php （主题头文件）。 WordPress 版本 5.7.2。 你可以试试CDN链接

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>