jquery - 使用多个 JQuery 版本和 noConflict

Question

我正在使用一个应用程序的插件，该应用程序的代码库由于更新问题我不想更改。

该应用程序在 header 中包含 Jquery 1.3.2，并在整个站点中大量使用它。没有考虑这个，我继续使用 1.8.0 版本编写我的插件事实证明这扰乱了原始应用程序的功能。

我一直在尝试实现 noConflict 方法，但没有成功。

# Site loads jQuery1.32 and other jQuery plugins

# My awesome php & html code

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript">
var $jq = jQuery.noConflict(true);  
$jq.DoSomeJQueryStuff();
</script>

在这种情况下如何实现 noConflict？

Answer 1

您需要调用 noConflict() 以先到者为准(或两者)。如果没有在第一个实例中调用它，那么当您包含下面的脚本定义时，已经存在“冲突”。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
   var $jQ180 = jQuery.noConflict(true);
   document.write($jQ180().jquery); // 1.8.0
</script>​

...

<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
    document.write($().jquery); // 1.3.2
</script>