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

Question

我正在开发一个 WordPress 网站。我里面有几个 jQuery 过滤器，并且一切正常（我使用这些插件启动）：

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

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

Uncaught TypeError: Cannot read property 'fn' of undefined

score 5 · Accepted Answer

尝试像这样包装您的代码：

(function($){

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

})(jQuery);

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

(function($){

    //filter.js code here

})(jQuery);

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

score 0 · Accepted Answer

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

如果是这样，那么使用

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

在声明 jQuery 并用 jQuery 替换所有子序列 $ 之后

希望能帮助到你

2 回答 2