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并部署,问题就消失了。