Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本,但低于版本3
介绍
我正在使用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天,如果有人有任何想法或任何参考,请帮助。谢谢你的时间。
目前Bootstrap 3.x不支持jQuery 3.x,如下所示: https : //github.com/twbs/bootstrap/issues/16834
问题是由以下原因引起的:
jQuery 3比jQuery 2更严格。它就像XHTML和HTML。 保持向后兼容性,代码看起来不是一团糟。 如果我没弄错的话,你需要做的就是用.css(’display’,”)或addClass(’hidden’)替换show()和hide()函数,并在alert.js中修改一个选择器(QUnit在这行上失败,因为$(’#’)在jQuery 3中无效)
它在Bootstrap 3.3.7版本中修复: https : //github.com/twbs/bootstrap/issues/16834#issuecomment-225039913
最新的当前版本的Bootstrap(3.3.7)现在支持jQuery 3+,根据开发人员的评论https://github.com/twbs/bootstrap/issues/16834 。
解决了我的问题实际上是在bootstrap.js之前加载jquery较低版本然后在bootstrap.js之后加载jquery更高版本来解决冲突。以上是我的例子
如果您使用Bower来管理您的javascript包,要排除jquery 3.0,您应该指定jquery的版本,如:
"jquery": "^2.2"
在你的bower.json
。
jquery-ui
包的bower.json
有以下行:
"jquery": ">=1.6"
因为它Bower安装了最新版本的jQuery,这会导致你的问题。
请注意,jQuery 3.0自2016年6月9日发布。
至于我,一切都很简单。 这都是关于队列链接文件的。 我需要移动这样的链接:
毕竟 – 它正在努力工作。
我有同样的问题,我的网页中没有jquery 1.8.2。我通过在packages.config中更改jquery版本来解决我的问题
更改
至
我的jquery版本是2.1.4
所以我有新版本的Bootstrap,但由于某种原因,min版本仍然是旧版本,不支持JQuery 3.我删除了缩小的bootstrap JS然后提醒新的Bootstrap.js并部署,问题就消失了。