jQuery бесконечная прокрутка двойной нагрузки

Question

Я использую бесконечную нагрузку с функцией jquery.window.scroll с этими кодами.

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     var page = $('#lastPostsLoader').attr('page')*1; 
     $('#lastPostsLoader').attr('page', page + 1); 
     DataLoadFunction(page); 
    } 
}); 

Но эти коды требуют двойного времени, а иногда и ложных страниц при прокрутке вниз. Как это;

Прокрутка внизу ---> загрузка страницы 1 и страница загрузки 2 ---> прокрутка вниз ---> загрузка страницы 3 и страница загрузки 2 ---> прокрутка внизу ---> загрузка страницы 4 страница загрузки 5 ........

Итак, где я ошибаюсь? Спасибо ...

Answer 1

вы должны предотвратить dataload до прибытия следующих данных. set variable isLoadingData как истина, пока данные загружаются с сервера.

var isLoadingData; 
$(window).scroll(function(){ 
     if (($(window).scrollTop() == $(document).height() - $(window).height()) && !isLoadingData){ 
       isLoadingData = true; 
      var page = $('#lastPostsLoader').attr('page')*1; 
      $('#lastPostsLoader').attr('page', page + 1); 
      DataLoadFunction(page, function(){ // callback get called after data load 
         isLoadingData = false; 
      }); 
     } 
    });