javascript - 如何消除 WordPress 网站中 jQuery 插件的冲突？

Question

我正在开发一个 WordPress 网站。我里面有几个 jQuery 过滤器，所有的都工作正常(我使用这些插件启动):

jQuery(document).ready(function($){
  /*code here*/
});

我也在使用 jQuery 插件 "filter.js"这是有矛盾的问题。即使我没有启动这个插件(仅将插件文件链接到我的页面)，它也会显示 jQuery 冲突，我可以在控制台中看到:

Uncaught TypeError: Cannot read property 'fn' of undefined 

您可以找到插件源码here .

Answer 1

尝试像这样包装你的代码:

(function($){

    $(document).ready(function(){
         //document ready code here
    });

})(jQuery);

使用相同的包装器包装您的filter.js插件，即:

(function($){

    //filter.js code here

})(jQuery);

如果这不起作用 - 确保页面上包含 jQuery。