如何在WordPress网站中的jQuery插件中删除冲突？

Question

我正在WordPress网站上工作。 我在其中没有几个jQuery过滤器，并且都工作正常（我使用这些插件来初始化）：

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

我还使用了存在冲突问题的jQuery插件“ filter.js” 。 即使我不启动此插件（仅在将插件文件链接到我的页面时），它仍显示jQuery冲突，并且可以在控制台中看到：

Uncaught TypeError: Cannot read property 'fn' of undefined 

您可以在此处找到插件源。

Answer 1

尝试像这样包装代码：

(function($){

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

})(jQuery);

用相同的包装器包装filter.js插件，即：

(function($){

    //filter.js code here

})(jQuery);

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

Answer 2

您是否在同一页面中使用两个不同版本的JQuery？

如果是这样，请使用

<script type="text/javascript">
jQuery.noConflict();
</script>

在声明jQuery之后并用jQuery替换所有子字符串$

希望能帮助到你