重命名jQuery / $-无冲突

时间:2018-06-22 13:48:03

标签: javascript jquery

如何重命名jQuery库以使用jQuery / $之后的其他标识符?

为什么? :

我将外部.js文件注入网站(没有服务器访问权限),在该网站上运行的是旧版本和修改版本的jquery。我需要使用浏览器扩展程序加载新版本,但问题是它与现有版本存在冲突。

如何防止这种情况?

我已经尝试了noconflict等。它重命名了网站上的第一个/旧版本,而不是较新版本。

我将CJS用于chrome(扩展名)。

谢谢

1 个答案:

答案 0 :(得分:2)

如果使用立即调用的函数表达式-简短的IIFE,则可以避免冲突并将jQuery符号设置为所需的任何值。 像这样:

(function(J, w, d){
  J(d).ready(function(){
    J('.selector').addClass(someClass);
    J('.selector').removeClass(someClass);
  });

  J.on('click', () => alert('You clicked me!'));

  w.location.href = 

}(jQuery, window, document));