有没有办法将 Bootstrap 3.0 插件与 jQuery.noConflict() 一起使用？

目前，我们的页面上加载了 2 个不同版本的 jQuery：1.4.2 和 1.10.1。 $ 和 window.jQuery 对象当前指向 1.4.2。

我们使用版本 1.10.1 的 noConflict() 将其设置为 $jq1：

var $jq1 = jQuery.noConflict(true);

有没有办法让 Bootstrap 3.0 插件自动使用 $jq1 而不是 $ 或 window.jQuery？

如果您在加载 jQuery 版本 1.10.1 后直接加载 bootstrap JS，然后将 jQuery 置于无冲突模式，它应该可以工作。

e.g.:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Load any Bootsrap JS files before calling jQuery.noConflict()  -->
<script src="bootstrap.js"></script>
<script>
// Put jQuery 1.10.2 into noConflict mode.
var $jq1 = jQuery.noConflict(true);
</script>

<!-- This can be before or after the above -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

jQuery.noConflict(true)将重新分配两者$ and jQuery恢复到之前的值，因此无论是否先加载版本 1.4.2 都没有关系。

这确实意味着您的用户将下载 jQuery 两次，并且您需要记住是否使用$jq1 or $当使用 jQuery 做任何事情时。