在WordPress中使用“$”而不是“jQuery”

时间:2016-09-27 作者:Kiran Dash

WordPress附带的jQuery位于compatibility mode. 为了避免与其他库发生冲突,我们不能使用“jQuery”的“$”快捷方式。

要使用“$”符号,我们使用:

jQuery(document).ready(function($) {
   $(\'#myid\').css({\'background\': \'black\', \'color\':\'white\'});
});
这是可行的。但我的问题是如何对窗口加载执行相同的操作。自从最近几个项目以来,我一直面临着这个问题。所以,最好把概念弄清楚。

jQuery(window).load(function($) {
   $(\'#myid\').css({\'background\': \'black\', \'color\':\'white\'});
});
这样我就得到了一个错误:“$不是函数”。因此,我无法在窗口内使用$。加载代码块。

那么,有谁能帮助我如何使用$快捷方式在窗口内。负载

2 个回复
最合适的回答,由SO网友:Dave Romsey 整理而成

使用传递jQuery对象的自调用匿名函数可以实现以下目的:

(function($){ 
   $(window).load(function(){
     $(\'#myid\').css({\'background\': \'black\', \'color\':\'white\'});
   });
})(jQuery); //Passing the jQuery object as a first argument

SO网友:prosti

这是因为窗户load event 与Jquery不同load function.

请注意,此函数可以接受多个参数。

(function(wordpress, $){ 
   $(window).load(function(){
     var emoji = wordpress.emoji; 
     // do somehting with emoji ;)
     console.log(emoji);
     $(\'body\').css({\'background\': \'black\', \'color\':\'white\'});
   });
})(wp, jQuery);

相关推荐

如何使用两个不同文件向jQuery AJAX调用发送php变量

我需要从一个php文件(page.php)向另一个jquery文件(sender.js)中的Ajax调用发送一个私人电子邮件地址。此电子邮件地址必须对用户/或网站不可见,直到用户从wp\\U mail获得自动响应,它必须允许用户答复组织。此电子邮件地址因客户想要联系的组织而异(数百个)。我必须在表单之前从组织获取电子邮件地址,因为它是由javascript生成的。(generated\\u mail.js)发件人。js在页面的标题中被很好地调用。php我在(page.php)中尝试了这段代码——一个组织在