jQuery sonsuza kadar kaydırma yaparak bir sonraki sayfaya geri dönme

Question

Özel wordpress tempate'ımda sonsuz bir kaydırma yapmak için bunu kullanıyorum, ajax'ı sayfanın alt kısmına yerleştirip düğmeye ihtiyacım var. kullanıcı neredeyse sayfanın aşağı kaydırılan zaman bu o düğmeye tetiklemek için:

<script> 
    // Infinite scroll script 
    $(function() { 
    $('.st-content').on('scroll', function() { 
     if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { 
     $('#pbd-alp-load-posts a').trigger('click'); 
     } 
    }); 
    }); 
</script> 

i bakan değilim sorun olay çökmesine olayı neden .. ajax isteği yapılmadan önce tetikleme tutmasıdır . Önceki ajax isteği yapılıncaya kadar tetikleme işlevini çağırmanın bir yolu var mı?

Answer 1

Sen ajax arama başarısında etkinliğinizi bağlamak için deneyebileceğiniz

:

$('.pbd-alp-placeholder-' + pageNum).load(nextLink + ' .filter', 
     function() { 
      $('.st-content').on('scroll', function() { 
       if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) { 
        $('#pbd-alp-load-posts a').trigger('click'); 
       } 
      }); 
     }); 

Answer 2

bu deneyin;)

Kullanım geçerli eylemi izlemek için küresel bir değişken;

<script> 
    // Infinite scroll script 

    /* allow loading data */ 
    var canLoad = true; 
    $(function(){ 
    $('.st-content').on('scroll', function(){ 
     /* chack for last ajax request finished or not */ 
     if($(window).scrollTop() + $(window).height() > $(document).height() - 100 && canLoad){ 
     /* Disable next load till current in progress. */ 
     canLoad = false; 
     $('#pbd-alp-load-posts a').trigger('click'); 
     } 
    }); 
    }); 

    /** 
    * @todo set canLoad = false in $.ajax complete 
    */ 

    $.ajax({ 
    /* your rest ajax options here */ 
    complete:function(){ 
     canLoad = true; 
    } 
    }); 
</script>