WordPress中jQuery无法运行且提示$未定义错误该如何解决？

WordPress 自带的jQuery默认启用了无冲突模式，目的是避免和其他同样使用$作为别名的JavaScript库产生命名冲突，因此默认不会将$符号绑定到全局作用域，直接调用$就会抛出undefined $错误。而你在WordPress之外的环境没有启用该模式，所以代码可以正常运行。

另外你写的代码还有一个隐藏问题：你用了箭头函数绑定点击事件，箭头函数没有独立的this指向，此时$(this)无法正确获取到触发点击的.show-more-posts元素，需要改成普通函数声明。

将代码包裹在jQuery兼容的自执行闭包中，把$作为参数传入作用域内部使用即可，同时修正箭头函数的问题：

jQuery(document).ready(function($) {
  // 该作用域内可以正常使用 $
  $(".show-more-posts").on("click", function() {
    $(this).show();
  });
});

• 直接替换别名：所有用到$的地方统一替换成jQuery，比如jQuery(".show-more-posts")，无需修改代码结构，缺点是书写比较繁琐
• 全局绑定$：在所有自定义jQuery代码的最顶部添加一行window.$ = jQuery;，手动把$绑定到全局作用域，该方法可能和其他第三方JS库产生冲突，不推荐复杂站点使用

不要在WordPress站点中重复引入第三方jQuery资源，直接使用平台自带的jQuery版本即可，避免出现多版本冲突问题。如果确认页面没有加载jQuery，可以在主题的functions.php中通过wp_enqueue_script('jquery')加载官方内置版本。

内容的提问来源于stack exchange，提问作者dvlpr.963