有没有办法将引导 3.0 插件与 jQuery.noConflict(） 一起使用

Is there a way to use bootstrap 3.0 plugins with jQuery.noConflict()?

本文关键字：noConflict jQuery 一起 插件 有没有      更新时间：2023-09-26

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

我们将 noConflict（） 与版本 1.10.1 一起使用以将其设置为 $jq 1：

var $jq1 = jQuery.noConflict(true);

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

如果在加载 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两次，并且您需要记住在使用jQuery执行任何操作时是使用$jq1还是使用$。

我喜欢用户"ajpiano"在 https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page 提供的解释：

<script src='jquery-1.3.2.js'></script>
<script>
    var jq132 = jQuery.noConflict();
</script>
<script src='jquery-1.4.2.js'></script>
<script>
    var jq142 = jQuery.noConflict();
</script>

首先加载旧版本的jquery。

然后你的Boostrap js，css everthing就在这里。最后加上这个。，

<script type="text/javascript">
    var $versionNumberJ1 = jQuery.noConflict(true);
</script>

然后，像这样使用。

<script>
  $versionNumberJ1 ( function() {
    $versionNumberJ1 ( "#tabsModal" ).tabs();
  } );
  </script>
相关文章：