我的无限滚动插件一直在添加相同的内容

Question

因此，我正在使用的jquery插件一直在争论不休地附加相同的内容，这就是ul id "next“中的内容。如何防止它在无限滚动中被多次追加？

这是无限滚动插件

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
       $(document.body).append($("ul#next").html());
   }
});

Answer 1

   var alreadyAdded = false;
   $(window).scroll(function () { 
     if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10 && !alreadyAdded) {
       $(document.body).append($("ul#next").html());
       alreadyAdded = true;
     }
   })