我在 WordPress 插件中有一个简单的 jQuery 脚本，它使用如下所示的 jQuery 包装器：
$(document).ready(function(){
// jQuery code is in here
});
我正在WordPress仪表板中调用此脚本，并在jQuery框架加载后加载它。
当我使用Firebug检查页面时，我不断收到错误消息：
TypeError：$不是一个函数
$(document).ready(function(){
也许我应该在这个函数中包装脚本：
(function($){
// jQuery code is in here
})(jQuery);
我遇到了这个错误好几次，但是不确定该如何处理。
非常感谢任何帮助。
在WordPress中，默认情况下，当你enqueue jQuery时，必须使用 jQuery ，而不使用 $ （这是为了与其他库兼容）。
将其包裹在 function 中的解决方案将运行良好，或者您可以以其他方式加载jQuery（但在WordPress中这可能不是一个好主意）。
如果您必须使用 document.ready，您实际上可以将 $ 传递到函数调用中：
jQuery(function ($) { ...
jQuery(function ($) { ... 之外，您必须使用 jQuery 而不是 $。 - Misha RudrastyhjQuery(document).ready(function($){
//you can now use $ as your jQuery object.
var body = $( 'body' );
});
$ 变量，以避免与其他库发生冲突。这非常有意义，因为 WordPress 用于各种网站、应用和博客。这个解决方案对我有效
;(function($){
// your code
})(jQuery);
将您的代码放在闭包内，并使用$代替jQuery。
...搜索了很久后得出的。
var $=jQuery.noConflict();
$(document).ready(function(){
// jQuery code is in here
});
致谢Ashwani Panwar和Cyssoo的回答：https://dev59.com/5Wct5IYBdhLWcg3wHJzF#29341144
为什么在WordPress中使用jQuery而不是$的原因：https://pippinsplugins.com/why-loading-your-own-jquery-is-irresponsible/
你可以避免这样的冲突
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>
另外，我发现使用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);
我从TryVary.com这里找到了解决方案。
将$符号替换为jQuery，像这样：
jQuery(function(){
//your code here
});
<script>
jQuery(document).ready(function($){
// jQuery code is in here
});
</script>
使用
jQuery(document).
替代
$(document).
在这个函数中，$指向了预期的jQuery对象。
(function ($) {
$(document).
}(jQuery));