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

        }   

    }); 

}   

});

ページをスクロールするときにトランジションを使用してコンテンツを表示することになっています(遅延読み込みなど)。

ワードプレスを使用しています。

なぜうまくいかないのか、本当にわかりません。ありがとうございました。