このjQueryリスナーを複数回起動させないにはどうすればよいですか？

Question

私は現在、DjangoからJSONを効果的に取得し、ムービーを無限のスクロールで読み込む次の機能を備えています。ただし、このイベントが複数回トリガされることがあり、同じページが2回表示されることがあります。

$(window).scroll(function() { 
    var break_point = $(document).height() - ($(window).height() * 1.02); 
    if ($(window).scrollTop() >= break_point) { 
    var timePeriod = $('.tab-content').find('.active').attr('id'); 
    var nextPage = $('#'+timePeriod+' ul li:last').attr('data-next'); 
    if (nextPage) { 
     loadMovies(timePeriod, nextPage); 
    } 
    } 
}); 

このリスナーがページごとに複数回実行されないようにするにはどうすればよいですか？

Answer 1

助けを借りてくれてありがとうございました！他の人の参考にしたことを投稿しています。私はunderscore.jsライブラリのデバウンス機能を使用しました。

var infiniteScroll = _.debounce(function() { 
    var break_point = $(document).height() - ($(window).height() * 1.02); 
    if ($(window).scrollTop() >= break_point) { 
    var timePeriod = $('.tab-content').find('.active').attr('id'); 
    var nextPage = $('#'+timePeriod+' ul li:last').attr('data-next'); 
    if (nextPage) { 
     loadMovies(timePeriod, nextPage); 
    } 
    } 
}, 250); 

$(window).scroll(infiniteScroll); 

Answer 2

使用.one（ 'スクロール'、（）関数の代わりに.scroll（関数（）あなたの機能を考える

http://api.jquery.com/one/

の、あなたがが、リロードにハンドラを再接続する必要があるかもしれません。しかし、