jquery Scroll Ajax Limit auf eine Anfrage

Question

Ich habe diesen Code, der prüft, ob die Klasse mehr Ergebnisse im Ansichtsfenster sind. Und wenn es ist, wird die Ajax-Anfrage ausgeführt.

$(window).scroll(function() { 
     if ($("a.more-results:in-viewport").each(function() { 

      $.ajax({ 
       type: 'GET', 
       url: $(this).attr('href'), 
       data: args, 
       success: function(response) { 
       response = $.trim(response); 
       if($('#more-results-link').length){ 
        $('#more-results-link').remove(); 
       } else { 
        $('.more-results-link:visible').remove(); 
       } 
       var $responseHTML = $(response).appendTo(ajaxElement); 
       $responseHTML.find("input:checkbox").uniform({useID: false}); 
       } 

      }); 

     })); 
    }); 

und das funktioniert .. aber ... es mehrere Anfragen feuert beim Scrollen ...

Answer 1

Ich glaube, Sie einen Blick auf die jQuery Masonry Plugin. haben sollte. Es ermöglicht Ihnen, eine infinite page scroll effect zu erstellen, wie wir auf Facebook wall sehen ...