有没有办法使用jQuery.noConflict()的bootstrap 3.0插件？

Question

我们目前正在页面上加载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？

Answer 1

如果在加载jQuery版本1.10.1后直接加载引导程序JS,然后将jQuery置于无冲突模式,它应该可以工作.

例如:

<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)将重新分配它们$和jQuery之前的值,因此无论是否首先加载版本1.4.2都无关紧要.

它确实意味着你的用户将下载jQuery两次,你将需要记住是否使用$jq1或$何时使用jQuery.