window.scrollハンドラが他のページに永続することを防止する

Question

私のページで無限にスクロールするための次の機能があります。 if文をトリガーするページに移動すると、それ以降のすべてのページがスクロールハンドラーをトリガーし続けます。私はスクロールするたびに 'ウィンドウスクロール'をコンソールに表示するが、 'if statement true'をトリガーしないので、これを知っている。 window.scrollは#infinite-scrollingのページでのみ動作するようにするにはどうすればよいですか？

function initPagination() { 
    var paginate = function(buttonPress) { 
    var url = $('.pagination .next_page').attr('href'); 

    if (buttonPress || (url && $(window).scrollTop() > $(document).height() - $(window).height() - 60)) { 
     // TODO - Removing this line was causing duplicates to load so it's worth investigating the cause 
     $('.pagination').html('Please Wait...'); 
     return $.getScript(url); 
    } 
    }; 

    if ($('#infinite-scrolling').length) { 
    console.log('if statement true'); 
    $(window).scroll(function() { 
     console.log('window scroll'); 
     paginate(false); 
    }); 
    return $(window).scroll(); 
    } 

    $('#infinite-scrolling-button').on('click', function() { 
    $(this).html('Loading...'); 
    paginate(true); 
    $(this).html('Load more'); 
    }); 
} 

編集：問題の一部は、ターボリンクに関連している可能性があります。私がページをリフレッシュするとき、スクロールハンドラはもはやトリガしていないようです。

Answer 1

ページを自動スクロールするときにウィンドウスクロールイベントリスナーが設定されていますが、ターボリンクの動作によってページが変更されても設定が解除されません。新しいページが読み込まれるたびにスクロールイベントを取り除くには、$(window).unbind("scroll");を試してみてください。