WordPress随附的jQuery处于兼容模式。为了避免与其他库冲突,我们不能使用的$
快捷方式jQuery
。要使用$
标志,我们使用:
jQuery(document).ready(function($) {
$('#myid').css({'background': 'black', 'color': 'white'});
});
这行得通。但是我的问题是如何对窗口加载执行相同的操作。自从最近的几个项目以来,我一直在面对这个问题。因此,请仔细考虑以使概念更清晰。
jQuery(window).load(function($) {
$('#myid').css({'background': 'black', 'color': 'white'});
});
这样我会得到一个错误:$ is not a function
。因此,我无法$
在window.load
代码块内部使用。任何人都可以帮助我如何使用$
内部的快捷方式window.load
吗?
这称为无冲突模式,而不是兼容模式。要使此工作正常进行,您必须使用closure
或,IIFE
然后仅ready states
将jQuery对象作为参数传递,load
而其他人则不会这样做。
(function($) {
$(window).load(function() {
$('#myid').css({'background': 'black', 'color': 'white'});
});
})(jQuery)
如果您load
已经在a内,则ready state
也可以直接使用它(例如,您一般不应该将a放在awindow load
内ready state
):
jQuery(function($) {
$(window).load(function() {
$('#myid').css({'background': 'black', 'color': 'white'});
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句