blocks|key|3071586|text|这应该可以解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3071587|jQuery(document).ready(function($){
++//you+can+now+use+$+as+your+jQuery+object.
++var+body+=+$(+'body'+);
});|code-block|syntax|javascript|3071588|简而言之，WordPress会在你之前运行他们自己的脚本，他们会释放$变量，这样它就不会与其他库发生冲突。这是完全有道理的，因为WordPress被用于所有类型的网站、应用程序，当然还有博客。|offset|length|style|CODE|3071589|从他们的文档中：|3071590|包含在WordPress中的jQuery库被设置为noConflict()模式(参见wp-+|3071591|+/js/jquery/jquery.js)。这是为了防止与WordPress可以链接的其他JavaScript库的兼容性问题。|blockquote|3071592|3071593|在noConflict()模式下，jQuery的全局$快捷方式不可用...|3071594|entityMap^0|0|0|Y|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|15|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

This should fix it:

<pre><code>jQuery(document).ready(function($){
 //you can now use $ as your jQuery object.
 var body = $( 'body' );
});
</code></pre>

Put simply, WordPress runs their own scripting before you can and they release the <code>$</code> var so it won't collide with other libraries. This makes total sense, as WordPress is used for all kinds of web sites, apps, and of course, blogs.

From their documentation:

<blockquote>
 The jQuery library included with WordPress is set to the noConflict()
 mode (see wp-includes/js/jquery/jquery.js). This is to prevent
 compatibility problems with other JavaScript libraries that WordPress
 can link.
 
 In the noConflict() mode, the global $ shortcut for jQuery is not
 available...
</blockquote>

blocks|key|211714|text|默认情况下，当你在Wordpress中加入jQuery时，你必须使用jQuery，而不使用$+(这是为了与其他库兼容)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|211715|将其包装在function中的解决方案将工作得很好，或者您可以通过其他方式加载jQuery+(但在Wordpress中这可能不是一个好主意)。|211716|如果必须使用document.ready，实际上可以将$传递到函数调用中：|211717|jQuery(function+($)+{+...|code-block|syntax|javascript|211718|entityMap^0|Y|6|19|1|0|5|8|0|6|E|R|1|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|P|$]]

By default when you enqueue jQuery in Wordpress you must use <code>jQuery</code>, and <code>$</code> is not used (this is for compatibility with other libraries).

Your solution of wrapping it in <code>function</code> will work fine, or you can load jQuery some other way (but that's probably not a good idea in Wordpress).

If you must use <code>document.ready</code>, you can actually pass <code>$</code> into the function call:

<pre><code>jQuery(function ($) { ...
</code></pre>

blocks|key|3071704|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3071705|<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>|code-block|syntax|javascript|3071706|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>&lt;script language="JavaScript" type="text/javascript" src="jquery/jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
 jQuery.noConflict();
 (function ($) {
 function readyFn() {
 // Set your code here!!
 }

 $(document).ready(readyFn); 
 })(jQuery);

&lt;/script&gt;
</code></pre>

blocks|key|211736|text|这个解决方案对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211737|;(function($){
++++//+your+code
})(jQuery);|code-block|syntax|javascript|211738|将代码移动到闭包内部，使用$而不是jQuery|offset|length|style|CODE|211739|我在https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma中找到了上面的解决方案|211740|...after搜索过多|211741|entityMap|0|LINK|mutability|MUTABLE|url|https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma^0|0|0|D|1|H|6|0|2|3L|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]|$I|13|J|14|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@$I|16|J|17|1|18]]|A|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

This solution worked for me 

<pre><code>;(function($){
 // your code
})(jQuery);
</code></pre>

Move your code inside the closure and use <code>$</code> instead of <code>jQuery</code>

I found the above solution in <a href="https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma">https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma</a> 

...after searching too much

blocks|key|214580|text|你可以避免这样的冲突|type|unstyled|depth|inlineStyleRanges|entityRanges|data|214581|var+jq=jQuery.noConflict();
jq(document).ready(function(){++
++alert("Hi+this+will+not+conflict+now");
++jq('selector').show();
});|code-block|syntax|javascript|214582|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can avoid confliction like this 

<pre><code>var jq=jQuery.noConflict();
jq(document).ready(function(){ 
 alert("Hi this will not conflict now");
 jq('selector').show();
});
</code></pre>

blocks|key|216677|text|仔细检查你的jQuery引用。您可能多次引用它，或者您过早地调用了函数(在定义jQuery之前)。您可以尝试一下，就像我在评论中提到的那样，将任何jQuery引用放在文件的顶部(在头部)，看看这是否有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|216678|如果你使用jQuery的封装，在这种情况下它不会有什么帮助。请尝试一下，因为我认为它更漂亮、更明显，但是如果没有定义jQuery，你会得到同样的错误。|216679|最后..。当前未定义jQuery。|216680|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Double check your jQuery references. It is possible that you are either referencing it more than once or you are calling your function too early (before jQuery is defined). You can try as mentioned in my comments and put any jQuery reference at the top of your file (in the head) and see if that helps.

If you use the encapsulation of jQuery it shouldn't help in this case. Please try it because I think it is prettier and more obvious, but if jQuery is not defined you will get the same errors.

In the end... jQuery is not currently defined.

blocks|key|216688|text|您必须在函数()中传递$|type|unstyled|depth|inlineStyleRanges|entityRanges|data|216689|<script>
jQuery(document).ready(function($){

//+jQuery+code+is+in+here

});
</script>|code-block|syntax|javascript|216690|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You have to pass $ in function()

<pre><code>&lt;script&gt;
jQuery(document).ready(function($){

// jQuery code is in here

});
&lt;/script&gt;
</code></pre>

blocks|key|3071829|text|<script>
var+jq=jQuery.noConflict();
(function+($)+
++++{
++++function+nameoffunction()
++++{
++++++++//+Set+your+code+here!!
++++}

++++$(document).ready(readyFn);+
++++})(jQuery);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3071830|​|unstyled|3071831|现在使用jq代替jQuery|3071832|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>&lt;script&gt;
var jq=jQuery.noConflict();
(function ($) 
 {
 function nameoffunction()
 {
 // Set your code here!!
 }

 $(document).ready(readyFn); 
 })(jQuery);
</code></pre>



now use jq in place of jQuery

blocks|key|2858524|text|对我有用的东西。要导入的第一个库是查询库和，然后调用jQuery.noConflict()方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2858525|<head>
+<script+type="text/javascript"+src="jquery.min.js"/>
+<script>
++var+jq+=+jQuery.noConflict();
++jq(document).ready(function(){
++//....+your+code+here
++++});
+</script>|code-block|syntax|javascript|2858526|entityMap^0|L|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

What worked for me. The first library to import is the query library and right then call the jQuery.noConflict() method. 

<pre><code>&lt;head&gt;
 &lt;script type="text/javascript" src="jquery.min.js"/&gt;
 &lt;script&gt;
 var jq = jQuery.noConflict();
 jq(document).ready(function(){
 //.... your code here
 });
 &lt;/script&gt;
</code></pre>

blocks|key|211865|text|当您的函数名称和文件中的某个id名称相同时，您就会遇到这个问题。只需确保文件中的所有id名称都是唯一的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211866|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You come across this issue when your function name and one of the id names in the file are same. just make sure all your id names in the file are unique.

blocks|key|214550|text|var+$=jQuery.noConflict();

$(document).ready(function(){
++++//+jQuery+code+is+in+here
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|214551|归功于Ashwani+Panwar和Cyssoo回答：https://stackoverflow.com/a/29341144/3010027|unstyled|offset|length|214552|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/29341144/3010027^0|0|R|18|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>var $=jQuery.noConflict();

$(document).ready(function(){
 // jQuery code is in here
});
</code></pre>

Credit to Ashwani Panwar and Cyssoo answer: <a href="https://stackoverflow.com/a/29341144/3010027">https://stackoverflow.com/a/29341144/3010027</a>

blocks|key|211885|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211886|jQuery(document).|code-block|syntax|javascript|211887|而不是|211888|$(document).|211889|或|211890|在函数中，$如您所料，指向jQuery|211891|(function+($)+{
+++$(document).
}(jQuery));|211892|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Use

<pre><code>jQuery(document).
</code></pre>

instead of

<pre><code>$(document).
</code></pre>

or 

Within the function, $ points to jQuery as you would expect

<pre><code>(function ($) {
 $(document).
}(jQuery));
</code></pre>

blocks|key|2858553|text|使用jQuery替换$+sign，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2858554|jQuery(function(){
//your+code+here
});|code-block|syntax|javascript|2858555|entityMap^0|2|6|A|1|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

replace <code>$</code> sign with <code>jQuery</code> 
like this:

<pre><code>jQuery(function(){
//your code here
});
</code></pre>

blocks|key|2858557|text|此外，我还找到了使用jQuery+noConflict模式的好方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2858558|(function($){

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

++//+or+also+you+can+write+jquery+code+like+this

++jQuery(document).ready(function(){
++++++//+write+code+here
++});

})(jQuery);|code-block|syntax|javascript|2858559|我从here+TryVary.com找到了这个解决方案。|offset|length|2858560|entityMap|0|LINK|mutability|MUTABLE|url|https://tryvary.com/wordpress-jquery-is-not-defined-or-undefined/^0|0|0|2|G|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Also, I find the good solution for use jQuery noConflict mode.
<pre><code>(function($){

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

 // or also you can write jquery code like this

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

})(jQuery);
</code></pre>
I found this solution from <a href="https://tryvary.com/wordpress-jquery-is-not-defined-or-undefined/" rel="nofollow noreferrer">here TryVary.com</a>.

blocks|key|2858562|text|您可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2858563|jQuery(document).ready(function(){+......+});|code-block|syntax|javascript|2858564|或|2858565|(function+($)+{+......+}(jQuery));|2858566|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can use
<pre><code>jQuery(document).ready(function(){ ...... });
</code></pre>
or
<pre><code>(function ($) { ...... }(jQuery));
</code></pre>

blocks|key|3071926|text|wp_enqueue_script(+string+$handle,+string+$src+=+'',+string[]+$deps+=+array(),+string%7Cbool%7Cnull+$ver+=+false,+bool+$in_footer+=+false+)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3071927|如果您使用jquery作为前端，可以通过将$deps作为jquery传递来实现|unstyled|3071928|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>wp_enqueue_script( string $handle, string $src = '', string[] $deps = array(), string|bool|null $ver = false, bool $in_footer = false )
</code></pre>
If you are using jquery for frontend, you can achieve it by passing $deps as jquery

I have a simple jQuery script in a WordPress plugin that is using a jQuery wrapper like this:

<pre><code>$(document).ready(function(){

 // jQuery code is in here

});
</code></pre>

I am calling this script from within the WordPress Dashboard and am loading it AFTER the jQuery framework has loaded.

When I check the page in Firebug I constantly keep receiving the error message:

<blockquote>
 TypeError: $ is not a function
 
 $(document).ready(function(){
</blockquote>

Should I maybe wrap the script in this function:

<pre><code>(function($){

 // jQuery code is in here

})(jQuery);
</code></pre>

I have had this error quite a few times and am not sure how to handle it.

Any help would be greatly appreciated.

Wordpress how to use jquery and $ sign

WordPress

jQuery

我在一个WordPress插件中有一个简单的jQuery脚本，它使用如下的jQuery包装器：$(document).ready(function(){    // jQuery code is in here});我从WordPress仪表板中调用此脚本，并在加载jQuery框架后加载它。当我在Firebug中检查页...

问Wordpress如何使用jquery和$ sign
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Wordpress如何使用jquery和$ signEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Wordpress如何使用jquery和$ sign
EN