Question

简介

我正在使用bootstrap框架。我目前正在使用“Bootstrap Tabs”（隐藏/显示）。我正在使用bootstrap版本3和jquery版本3.0.2。

问题

我的标签不起作用，除非我加载小于1.6的版本的jquery。但是然后ajax使jquery小于1.6的问题。 Chrome控制台给我这个错误。

bootstrap.min.js：6未捕获错误：Bootstrap的JavaScript需要 jQuery版本1.9.1或更高版本，但低于版本3

我尝试了不同的后备技术但无法正确实现。

我被困在这里2天，如果有人有任何想法或任何参考，请帮助。谢谢你的时间。

Answer 1

目前Bootstrap 3.x不支持此处报告的jQuery 3.x：https://github.com/twbs/bootstrap/issues/16834

问题是由：

引起的

jQuery 3比jQuery 2更严格。它类似于XHTML和HTML。保持向后兼容性，代码看起来不是一团糟。如果我没有弄错，你需要做的就是替换show（）和hide（）功能与.css（＆＃39;显示＆＃39;，＆＃39;＆＃39;）或addClass（＆＃39;隐藏＆＃39;）并修复 alert.js中的选择器（QUnit在此行失败，因为$（＆＃39;＃＆＃39;）是在jQuery中无效3）

它在Bootstrap 3.3.7版本中得到修复：https://github.com/twbs/bootstrap/issues/16834#issuecomment-225039913

Answer 2

最新的Bootstrap（3.3.7）版本现在支持jQuery 3+，根据开发人员的评论https://github.com/twbs/bootstrap/issues/16834。

Answer 3

如果您使用Bower来管理您的javascript包，要排除jquery 3.0，您应该指定jquery的版本，如：

"jquery": "^2.2"

在bower.json。

bower.json个jquery-ui包有以下一行：

"jquery": ">=1.6"

因为Bower安装了最新版本的jQuery，这会导致你的问题。

请注意，jQuery 3.0自2016年6月9日发布。

Answer 4

解决了我的问题实际上是在bootstrap.js之前加载jquery较低版本然后在bootstrap.js之后加载jquery更高版本来解决冲突。以上是我的例子

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="~/App_Theme/bootstrap/js/bootstrap.min.js"></script>
<script>
    var $j = jQuery.noConflict();
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
    var $ = jQuery.noConflict();
</script>

Answer 5

至于我，一切都很简单。它完全与队列链接文件有关。我需要像这样移动链接：

<head>
     <script src="js/jquery1.9.1.js"></script>
     <script src="js/bootstrap.js"> </script>       
</head>

毕竟 - 它正在努力工作。

Answer 6

我有同样的问题，我的网页上没有jquery 1.8.2。我通过 packages.config

中更改jquery版本解决了我的问题

变化

  <package id="AspNet.ScriptManager.jQuery" version="1.8.2" targetFramework="net45" />
 <package id="jQuery" version="1.8.2" targetFramework="net45" />

到

<package id="AspNet.ScriptManager.jQuery" version="2.1.4" targetFramework="net45" />
 <package id="jQuery" version="2.1.4" targetFramework="net45" />

我的jquery版本是 2.1.4

Answer 7

所以我有新版本的Bootstrap，但由于某种原因，min版本仍然是旧版本，不支持JQuery 3.我删除了缩小的bootstrap JS然后提醒新的Bootstrap.js并部署了问题程。

Answer 8

迁移到 wordpress 5.6 后，我遇到了同样的问题：bootstrap 和 jquery 之间存在冲突。我网站上的导航不适用于所有下拉菜单。我已经在我的文件夹 css + js 中将 boostrap3.3.6 更改为 boostrap3.3.7 以获得使用 jquery 1.9.1 的引导程序并且它可以工作。

Answer 9

我也在 WordPress 5.6 中遇到了这个错误，手风琴停止工作。将 JS 和 CSS 从 boostrap3.3.6 升级到 boostrap3.3.7 也修复了我的错误。

Answer 10

将此代码放入Functions.php

wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ‘//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js’, false, null);
wp_enqueue_script(‘jquery’);

这是参考网址： https://wordpress.org/support/topic/error-bootstraps-javascript-requires-at-least-jquery-v1-9-1/

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

10 个答案: