javascript - jQuery 脚本已加载，但没有任何反应

Question

我正在使用这个脚本（按照视频教程），但没有任何反应，我也没有错误：

$(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);

        }   

    }); 

}   

});

它应该在页面上滚动时显示我的内容（如延迟加载）。

我使用wordpress。

我真的不明白为什么它不起作用。谢谢你。

Answer 1

取自 WordPress Codex 的这个页面：

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

在该noConflict()模式下，jQuery 的全局$快捷方式不可用，因此需要使用：

jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});

但是，如果您希望使用 short$而不是jQuery，则可以在代码周围使用以下包装器：

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
});

希望有帮助。