与jQuery.noConflict（）冲突

Question

为了我自己的一生，我无法弄清楚如何使jQuery.noConflict（）工作以解决由于需要两个不同版本的jQuery导致的问题。 我在网上阅读了许多文章，并在此站点上阅读了其他人的问题和答案，但似乎没有任何效果，我也无法弄清楚为什么，尽管我的情况与我所阅读的其他人有所不同。

让我尝试说明我的处境和尝试过的事情。 我有几个需要jQuery 1.4.2的插件，无法使用更高的插件。 我有一个使用较新版本jQuery 1.7.1的插件。 较旧的插件和一个较新的插件需要$（document）.ready（function（）进行初始化。我感觉这就是我的麻烦所在。似乎我需要有2个$（document）实例。 ready（function（），每个函数使用不同的jQuery库，但是我不确定如何做到这一点（这是我说过的部分，使我的情况与我所读过的其他人有所不同）。

基本设置如下：

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/plugin1.js"></script>
    <script type="text/javascript" src="js/plugin2.js"></script>
    <script type="text/javascript" src="js/plugin3.js"></script>

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/plugin4.js"></script>

现在我需要一个$（document）.ready（function（）来初始化和启动插件。由于plugin1，plugin2和plugin3使用jQuery 1.4.2，而plugin4需要jQuery 1.7.1，所以我认为我需要使用两个$（document）.ready（function（）的不同实例。首先，我尝试了这种方法，这就是某些网站将其描述为使用noConflict（）的正确方法的方式：

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script>var jQuery1 = jQuery.noConflict( true );</script>
    <script type="text/javascript" src="js/plugin1.js"></script>
    <script type="text/javascript" src="js/plugin2.js"></script>
    <script type="text/javascript" src="js/plugin3.js"></script>

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script>var jQuery2 = jQuery.noConflict( true );</script>
    <script type="text/javascript" src="js/plugin4.js"></script>

    jQuery1(document).ready( function(){
      // initialize plugins 1, 2, and 3 here using jQuery1 instead of $
    });

    jQuery2(document).ready( function(){
      // initialize plugin 4 here using jQuery2 instead of $
    });

单靠这种方法是行不通的。 所以然后我进入plugin4.js并将$的所有实例更改为jQuery2。 那也没有用。 我尝试了没有布尔值true的noConflict。 没用 谁能告诉我我在做什么错？ 我需要进入plugin1.js，plugin2.js和plugin3.js并将$的所有实例更改为jQuery1吗？ 我对noConflict（）的工作方式不是100％的了解，所以不确定是否有必要。 但是，我希望我不必这样做，因为plugin3.js已被混淆，因此无论如何我都将无法执行。 如果有人可以提供帮助，将不胜感激。

Answer 1

我认为您实际上并不是要在此处使用noConflict ，因为这些插件都需要访问jQuery 。 您只需要按正确的顺序运行所有内容，并保留对已加载的jQuery版本的引用。

此外， ready事件处理程序会传递对jQuery的引用，因此您可以随意命名（最好是$ ）。

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script>var jQuery1 = jQuery;</script>
<script type="text/javascript" src="js/plugin1.js"></script>
<script type="text/javascript" src="js/plugin2.js"></script>
<script type="text/javascript" src="js/plugin3.js"></script>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script>var jQuery2 = jQuery;</script>
<script type="text/javascript" src="js/plugin4.js"></script>

<script>
   jQuery1(function($){
      // initialize plugins 1, 2, and 3 here using $
   });

   jQuery2(function($){
      // initialize plugin 4 here using $
   });
</script>