介绍
我正在使用引导程序框架。我目前正在研究“引导程序选项卡”（隐藏/显示）。我正在使用引导程序版本 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。向后兼容性得以保留，代码看起来不会一团糟。如果我没记错的话，您需要做的就是将 show() 和 hide() 函数替换为 .css('display', '') 或 addClass('hidden') 并修复 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。
如果您使用 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 日发布。
解决我的问题实际上是在 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>
至于我，一切都很简单。这都是关于队列链接文件的。我需要移动这样的链接：
<head>
<script src="js/jquery1.9.1.js"></script>
<script src="js/bootstrap.js"> </script>
</head>
毕竟 - 它工作正常。