如何使用jquery将按钮更改为无限滚动？

我有一个名为“getmore”的按钮类。第一个脚本工作正常。现在我如何添加这个内窗口。滚动无限滚动功能。请帮忙

$（文档）.ready（函数（）{
$（'body'）。在（'click'，'getmore'，函数（）上{
var lastelement=$（this.attr（'id'）；
$.ajax（{
键入：“GET”，
url:'getmore.php'，
数据：'lastelement='+lastelement，
beforesend:function（）{
$（'.getmore'）.html（'加载…'）；
},		 
成功：功能（数据）{
$（'.getmore'）.remove（）；
$（'#recs'）。追加（数据）；
}
});
})如果我理解正确，我想这就是你需要的

当滚动处于底部时，从服务器加载内容

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();
  }
});

函数LoadContent（）{
var resultString=$（“#contentDiv”）.html（）；
$（jsonObj）.each（函数（i，e）{
对于（j=1；j<101；j++）{
结果字符串+=“否：”+j+”，名称：“+e.Name+”，年龄：“+e.Age+”
”；
}
});
$（“#contentDiv”）.html（resultString）；
}
$（窗口）。滚动（功能（事件）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（））{
LoadContent（）；
}
});

请检查工作表