jqueryでボタンを無限スクロールに変更するにはどうすればよいですか？

Question

私は 'getmore'という名前のボタンクラスを持っています。最初のスクリプトはうまく動作します。今、これをwindow.scroll関数の中で無限のスクロールに追加するにはどうすればいいですか？私が正しくあなたを理解している場合

$(document).ready(function(){ 
 
    $('body').on('click','.getmore',function(){ 
 
     var lastelement = $(this).attr('id'); 
 
     $.ajax({  \t \t \t 
 
      type: 'GET', 
 
      url: 'getmore.php', 
 
      data:'lastelement=' + lastelement, 
 
      beforesend: function() { 
 
       $('.getmore').html('loading....'); 
 
      }, \t \t 
 
      success: function(data){ 
 
       $('.getmore').remove(); 
 
       $('#recs') .append(data) ; 
 
      } 
 
     }); 
 
});

Answer 1

を助けてください、私はこれは、スクロールが下、サーバーからの負荷量である間、あなたが

を必要とするものだと思います。

function LoadContent() { 
    var resultString = $("#contentDiv").html(); 
    $(jsonObj).each(function(i, e) { 
    for (j = 1; j < 101; j++) { 
     resultString += "No: " + j + ", Name: " + e.Name + ", Age: " + e.Age + "<br/>"; 
    } 
    }); 
    $("#contentDiv").html(resultString); 
} 
$(window).scroll(function(event) { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
    LoadContent(); 
    } 
}); 

作業Fiddle

をご確認ください