滾動時自動加載

Question

我有這個腳本，當用戶向下滾動時做出新的ajax調用。但如何讓它做一次。因爲如果用戶滾動到快速，他們是n ajax調用相同的數據。

$(window).scroll(function(){ 

      whenTo=$(window).scrollTop(); 

     if(whenTo>=($(document).height()-($(window).height())-600)){ 
// make ajax call 
} 


}); 

Answer 1

如何添加一個布爾值來檢查它是否已經完成？

例如：

var hasLoaded = false; 
$(window).scroll(function(){ 

     whenTo=$(window).scrollTop(); 

     if(!hasLoaded && (whenTo>=($(document).height()-($(window).height())-600))){ 
      hasLoaded = true; 
      // make ajax call 
     } 
}); 

使用這種方法意味着你可以改變的變量設置爲false，只要你喜歡，以允許如果需要，阿賈克斯再次調用。

Answer 2

我會使用Underscore.js和_.throttle()或_.debounce() - 假設您要重複調用該函數，或者如果只有一次，則使用_.once()。