我在使用jQuery包装器的WordPress插件中有一个简单的jQuery脚本，如下所示：
$(document).ready(function(){
// jQuery code is in here
});我从WordPress仪表板内部调用此脚本，并在jQuery框架加载后将其加载。
当我在Firebug中检查页面时，我一直不断收到错误消息：
TypeError：$不是函数
$（document）.ready（function（）{
我是否应该将脚本包装在此函数中：
(function($){
// jQuery code is in here
})(jQuery);我已经有很多次此错误，并且不确定如何处理。
任何帮助将不胜感激。
Answers:
默认情况下，当您将jQuery放入Wordpress中时，必须使用jQuery，$而不使用（这是为了与其他库兼容）。
将其包装的解决方案function可以很好地工作，或者可以以其他方式加载jQuery（但这在Wordpress中可能不是一个好主意）。
如果必须使用document.ready，则实际上可以传递$给函数调用：
jQuery(function ($) { ...jQuery(function ($) { ...，则必须使用jQuery代替$
这应该解决它：
jQuery(document).ready(function($){
//you can now use $ as your jQuery object.
var body = $( 'body' );
});简而言之，WordPress会先运行自己的脚本，然后发布 $ var，以免与其他库冲突。这是完全有意义的，因为WordPress用于各种网站，应用程序，当然还有博客。
从他们的文档中：
WordPress随附的jQuery库设置为noConflict（）模式（请参阅wp-includes / js / jquery / jquery.js）。这是为了防止与WordPress可以链接的其他JavaScript库发生兼容性问题。
在noConflict（）模式下，jQuery的全局$快捷方式不可用...
这个解决方案对我有用
;(function($){
// your code
})(jQuery);将代码移到闭包内部，然后使用$代替jQuery
我在/magento/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma中找到了上述解决方案
...搜寻过多后
这样可以避免冲突
var jq=jQuery.noConflict();
jq(document).ready(function(){
alert("Hi this will not conflict now");
jq('selector').show();
});试试这个：
<script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
jQuery.noConflict();
(function ($) {
function readyFn() {
// Set your code here!!
}
$(document).ready(readyFn);
})(jQuery);
</script>您必须在function（）中传递$
<script>
jQuery(document).ready(function($){
// jQuery code is in here
});
</script>仔细检查您的jQuery参考。您可能会多次引用它，或者您调用函数的时间过早（在定义jQuery之前）。您可以按照我的评论中的说明进行尝试，并将所有jQuery参考放在文件顶部（头部），看看是否有帮助。
如果使用jQuery封装，则在这种情况下无济于事。请尝试一下，因为我认为它更漂亮并且更明显，但是如果未定义jQuery，您将得到相同的错误。
最后... jQuery当前尚未定义。
script引用移到您JQuery的顶部，index.html它可能会起作用
另外，我找到了使用jQuery noConflict模式的很好的解决方案。
(function($){
$(document).ready(function(){
// write code here
});
// or also you can write jquery code like this
jQuery(document).ready(function(){
// write code here
});
})(jQuery);我从这里找到了这个解决方案。 https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/
（函数（$）{
“使用严格”；
$（function（）{
//您的代码在这里
}）;
}（jQuery））;
<script>
var jq=jQuery.noConflict();
(function ($)
{
function nameoffunction()
{
// Set your code here!!
}
$(document).ready(readyFn);
})(jQuery);现在使用jq代替jQuery
您可以使用
jQuery(document).read(function(){ ... });要么
(function ($) { ... }(jQuery));
$控制台并按Enter键，您会看到什么？