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

但是，如果您希望使用短$而不是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
});

希望能有所幫助。