脚本冲突求助：使用.noConflict()后与其他脚本互斥故障

嘿，这个问题我太熟悉了！本质上就是全局$变量的“争夺大战”——你用的jQuery和另一个脚本，都盯上了$这个简洁的全局标识符，结果互相挤掉对方的定义，导致总有一个脚本“找不到北”。

先拆解下冲突的逻辑： #

jQuery默认会把自己绑定到全局的$和jQuery两个变量上。而另一个脚本（比如老版本的Prototype、MooTools，甚至某些自定义脚本）大概率也把$当成了自己的全局变量来用：

• 当你**不调用.noConflict()**时：jQuery会直接覆盖掉另一个脚本的$，所以你的脚本用$能正常调用jQuery，但另一个脚本需要的$已经变成jQuery了，自然就罢工了；
• 当你**调用.noConflict()**时：jQuery会“主动让出”$的控制权，让它恢复到jQuery加载之前的状态（也就是另一个脚本原来的$）。这时候你的脚本还能正常跑，要么是你的脚本执行时机在.noConflict()之前，要么是代码内部偷偷绑定了正确的jQuery实例，但另一个脚本可能因为依赖关系（比如误以为$还是jQuery）反而挂了——不过不管怎样，我们有办法让两者和平共处。

两个靠谱的解决方案： #

方案1：给jQuery起个专属别名

把jQuery重新赋值给一个自定义变量，用这个别名代替$写你的代码，彻底避开全局$的冲突：

// 释放全局$的控制权，把jQuery存到自定义变量jq里
var jq = jQuery.noConflict();

// 之后你的代码全用jq代替$
jq(function() { 
  jq("#contact .button").click(function() { 
    var name = jq("#form_name").val();
    var email = jq("#form_email").val();
    var text = jq("#msg_text").val();
    // ... 剩下的逻辑都用jq调用jQuery方法
  });
});

这样全局的$会回到另一个脚本需要的状态，你的脚本用jq调用jQuery，两者互不干扰。

方案2：用自执行函数封装你的代码（更常用）

既能在你的代码里继续用$，又不会污染全局变量，完美兼顾习惯和兼容性：

// 先释放全局$的控制权
jQuery.noConflict();

// 用自执行函数把jQuery传进去，函数内部的$就是局部变量，指向jQuery
(function($) {
  // 你原来的代码完全不用改，因为这里的$是局部的，和全局$没关系
  $(function() { 
    $("#contact .button").click(function() { 
      var name = $("#form_name").val();
      var email = $("#form_email").val();
      var text = $("#msg_text").val();
      // ... 你的代码正常写就行
    });
  });
})(jQuery);

这个方法的好处是，你不用修改原来的代码逻辑，只需要套一层自执行函数，就能让你的$和全局的$彻底分家。

最后提个小细节： #

注意脚本的引入顺序——如果另一个脚本是先占用$的那个，记得先引入它，再引入jQuery，最后调用.noConflict()，这样才能确保全局$正确回到另一个脚本的手里。

内容的提问来源于stack exchange，提问作者Rodrigo Motta