Wordpress如何使用jquery和$sign

Question

我在WordPress插件中有一个简单的jQuery脚本，它使用这样的jQuery包装器：

$(document).ready(function(){

    // jQuery code is in here

});

我从WordPress仪表板中调用这个脚本，并在jQuery框架加载后加载它。

当我在Firebug中查看页面时，我不断收到错误消息：

TypeError:$不是函数

准备好（函数）

我是否应该在这个函数中包装脚本：

(function($){

    // jQuery code is in here

})(jQuery);

这个错误我已经犯过好几次了，不知道如何处理。

任何帮助都将不胜感激。

Answer 1

这个解决方案对我有效

;(function($){
    // your code
})(jQuery);

将代码移到闭包中，并使用$而不是jQuery

我在https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma找到了上述解决方案

…搜索太多之后

Answer 2

这应该可以解决它：

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的全局$快捷方式不可用。。。

Answer 3

默认情况下，当您在Wordpress中将jQuery排入队列时，必须使用jQuery，并且不使用$（这是为了与其他库兼容）。

你用函数包装它的解决方案会很好地工作，或者你可以用其他方式加载jQuery（但是在Wordpress中这可能不是一个好主意）。

如果必须使用document.ready，则实际上可以将$传递到函数调用中：

jQuery(function ($) { ...