jQuery Infinite-Scroll - 滾動速度很快會觸發多次事件

Question

如果我滾動頁面，jQuery Infinite Scroll的事件會觸發三次兩次，我可以避免這種情況嗎？當下一頁正在加載時，jQuery Infinite Scroll的事件不能引發感謝。

$(function(){ 
    var speed = 1000; 
    var container = $('#sharelist'); 
    container.imagesLoaded(function(){ 
     container.masonry({ 
     itemSelector: '.share', 
     singleMode: true, 
     columnWidth: 242, 
     isFitWidth: true, 
     animate: true, 
     animationOptions: { 
      duration: speed, 
      queue: false 
     } 
     }); 
    }); 
    container.infinitescroll({ 
     navSelector : '.page',  
     nextSelector : 'a.next', 
     itemSelector : 'div[class=share]', 
     loading: { 
      finishedMsg: '報告,後面沒有了哦.', 
      img: 'image/icon_waiting.gif', 
      msgText:'加載中' 
     } 
     }, 
     function(newElements) { 
     var newElems = $(newElements).css({ opacity: 0 }); 
     newElems.imagesLoaded(function(){ 
      newElems.animate({ opacity: 1 }); 
      container.masonry('appended', newElems, true); 
      $('.namecard').floatUserInfo(); 
     }); 
     } 
    ); 
    $("img").lazyload({ 
     placeholder : "image/grey.gif", 
     effect  : "fadeIn" 
    }); 
    }); 

Answer 1

關於節流調整大小事件有很多現有文獻，您在這裏基本上有同樣的關注。典型的解決方案涉及調度一個異步處理程序，然後只允許一個處於掛起狀態。最強大的（？）方法是取消和替換舊的處理程序。

例如：

http://benalman.com/code/projects/jquery-throttle-debounce/examples/throttle/