如何使用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