您使用jQuery.noConflict();So$是未定义的。

你可以在这里阅读更多关于它的文档

尝试以这种方式修改您的代码（$向就绪函数添加符号）：

jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
});

功能错误在几乎所有内容管理系统中都很常见，您可以通过几种方法来解决这个问题。

1. 使用以下方法包装您的代码：

   <script> 
   jQuery(function($) {
   
   YOUR CODE GOES HERE
   
   });
   </script>
   

2. 您还可以使用 jQuery 的 API noConflict();

   <script>
   $.noConflict();
   jQuery( document ).ready(function( $ ) {
   // Code that uses jQuery's $ can follow here.
   });
   // Code that uses other library's $ can follow here.
   </script>
   

3. 另一个使用 noConflict 而不使用 document ready 的例子：

   <script>
   jQuery.noConflict();
       (function( $ ) {
           $(function() { 
               // YOUR CODE HERE
           });
        });
   </script>
   

4. 您甚至可以选择创建自己的别名以避免冲突，如下所示：

   var jExample = jQuery.noConflict();
   // Do something with jQuery
   jExample( "div p" ).hide();
   

5. 另一个更长的解决方案是将 $ 的所有引用重命名为 jQuery：

   $( "div p" ).hide(); 到 jQuery( "div p" ).hide();

而不是这样做：

$(document).ready(function() { });

你应该这样做：

jQuery(document).ready(function($) {

    // your code goes here

});

这是因为 WordPress 可能会在未来或现在将 $ 用于 jQuery 以外的其他内容，因此您需要以一种方式加载 jQuery，即 $ 只能在 jQuery 文档就绪回调中使用。

只需添加这个：

<script>
var $ = jQuery.noConflict();
</script>

到 header.php 中的 head 标签。或者，如果您想在管理区域（或未使用 header.php 的某处）中使用美元符号，就在您想使用它的地方之前。

（可能存在一些我不知道的冲突，请对其进行测试，如果有，请使用此处或以下链接中提供的其他解决方案。）

来源：http : //www.wpdevsolutions.com/use-the-dollar-sign-in-wordpress-instead-of-jquery/

要么您不包括 jquery 工具包/lib，正如某些人所建议的那样，要么存在各种冲突。测试：包含 jQuery 并像这样测试：

console.log($);
console.log($ === jQuery);

如果$不是 undefined，并且$ === jQuery记录为 false，那么您肯定会遇到冲突。用$with替换可以jQuery解决这个问题，但这可能非常乏味（所有额外的输入......）。一般来说，我开始我的脚本时$jq = _$ = jQuery;，至少有一个对 jQuery 对象的更短的引用。
当然，在你这样做之前，检查一下你是否不小心覆盖了事先设置的变量：当然，console.log($jq, _jQ, _$);不管哪个都不 undefined应该被搁置