在WordPress中使用'$'代替'jQuery'

Question

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？

Answer 1

它被称为无冲突模式,而不是兼容模式.要使这个工作,你必须使用a closure或者IIFE然后,只ready states传递jQuery对象作为参数,load而其他人不会这样做.

(function($) {
    $(window).load(function() {
        $('#myid').css({'background': 'black', 'color': 'white'});
    });
})(jQuery)

如果你load已经在里面,ready state你也可以直接使用它(例如,你不应该window loadready state在一般内部):

jQuery(function($) {
    $(window).load(function() {
        $('#myid').css({'background': 'black', 'color': 'white'});
    });
});

请注意,.load()对于此类任务已弃用!你应该使用.on().