Javascript jQuery脚本已加载,但什么也没有发生

Javascript jQuery脚本已加载,但什么也没有发生,javascript,jquery,wordpress,lazy-loading,jquery-lazyload,Javascript,Jquery,Wordpress,Lazy Loading,Jquery Lazyload,我正在使用这个脚本(在视频教程之后),但什么都没有发生,我没有错误: $(document).ready(function () { var scrollTop = $(window).scrollTop(); var windowSize = $(window).height(); var appart = 50; display(scrollTop, windowSize); $(window).resize(function(){ var windowSize = $(win

我正在使用这个脚本(在视频教程之后),但什么都没有发生,我没有错误:

$(document).ready(function () {

var scrollTop = $(window).scrollTop();
var windowSize = $(window).height();
var appart = 50;

display(scrollTop, windowSize);

$(window).resize(function(){
    var windowSize = $(window).height();
});

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop();
    display(scrollTop, windowSize);
});

function display(scrollTop, windowSize){

    $('.wp-post-image').each(function(){

        var elemTop = $(this).offset().top;

        if($(this).css('opacity') === 0 && (parseInt(elemTop) <= parseInt(scrollTop + windowSize - appart))){

            $(this).fadeTo(2000,1);

        }   

    }); 

}   

});
$(文档).ready(函数(){
var scrollTop=$(窗口).scrollTop();
var windowSize=$(window.height();
var=50;
显示(滚动顶部,窗口大小);
$(窗口)。调整大小(函数(){
var windowSize=$(window.height();
});
$(窗口)。滚动(函数(){
var scrollTop=$(窗口).scrollTop();
显示(滚动顶部,窗口大小);
});
功能显示(滚动顶部、窗口大小){
$('.wp post image')。每个(函数(){
var elemTop=$(this).offset().top;
if($(this).css('opacity')==0&&(parseInt(elemTop)取自WordPress Codex:

WordPress附带的jQuery库设置为使用
noConflict()
模式,以防止与WordPress可以使用的其他JavaScript库的兼容性问题

noConflict()
模式下,jQuery的全局
$
快捷方式不可用,因此您需要使用:

但是,如果您希望使用简短的
$
而不是
jQuery
,则可以在代码周围使用以下包装:


希望对您有所帮助。

$(文档)。ready(函数()
更改为
jQuery(文档)。ready(函数($)
不会更改任何内容。脚本似乎加载正确。另外,其他脚本也可以正常工作。我尝试删除除此之外的所有其他脚本,但它不会更改任何内容。我明白了。
$(此)。css('opacity'))===0
在此行。
$(this.css('opacity')
实际返回
“0”
。因此,您需要将
===
更改为
=
,还需要删除
resize
处理程序中的
变量,以便它设置范围更大的变量,而不是立即丢弃的新创建的局部变量。这看起来也是错误的:
parseInt(scrollTop+WindowsSize-appart)
。如果这些值是数字(看起来是数字),则不需要使用
parseInt()
。也可以从以下位置删除
parseInt()
parseInt(elemTop)
jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});
jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});