JavaScript/jQueryがスクロールイベントをトリガーしない

Question

私が開発しているWordPressサイトのjQueryとJavaScriptからスクロールイベントをトリガーしようとしています。

$(window).scroll(function() { 
    var hT = $('#target').offset().top; 
     hH = $('#target').outerHeight(); 
     wH = $(window).height(); 
     wS = $(this).scrollTop(); 
    console.log((hT-wH) , wS); 
    if (wS > (hT+hH-wH)){ 
     console.log('working'); 
    } 
}); 

コンソールで何も起こりません。

$(window).scroll(function() { 
    console.log('scrolling'); 
}); 

をどちらも次の操作を行います：次のコードは動作しません

function scrollFunction() { 
    console.log('scrolling'); 
} 

window.onscroll = scrollFunction; 

私は他の非ワードプレスのプロジェクトにこれらの行をテストしてみた、でもcodepenにし、彼らが働きます。私は何が欠けているのですか？

私はjQuery 12.2.2を使用しています。また、同じプロジェクトで同じ目的で、this other questionに投稿したように、私はWaypoints.jsの仕事をすることができませんでした。

本当にありがとうございました！

Answer 1

これを試しましたか？

<script> 
window.onscroll = function() {scrolling()}; 

function scrolling() { 
console.log("Scrolling"); 
} 
</script> 

Answer 2

コードの下に試してみてください... $(window).scroll(function(){});

$(window).on('scroll', function(){})から

$(window).on('scroll', function(){ 

    var hT = $('#target').offset().top; 
     hH = $('#target').outerHeight(); 
     wH = $(window).height(); 
     wS = $(this).scrollTop(); 
    console.log((hT-wH) , wS); 
     if (wS > (hT+hH-wH)){ 
     console.log('working');  
     } 
}); 

Answer 3

置き換え:)

はあなたが閉鎖で、あなたのコードを持っていますか？他のJavaScriptがjQueryと衝突し、$記号を使用している可能性があります。

$はjQueryのであることを確認するために、このようにそれをラップ：

(function($){ 

    $(window).scroll(function() { 
    var hT = $('#target').offset().top; 
     hH = $('#target').outerHeight(); 
     wH = $(window).height(); 
     wS = $(this).scrollTop(); 
    console.log((hT-wH) , wS); 
    if (wS > (hT+hH-wH)){ 
     console.log('working'); 
    } 
    }); 

})(jQuery);