在無限滾動上顯示更多按鈕

Question

我正在嘗試設置顯示更多按鈕以開始無限滾動。 單擊按鈕后，它應無限滾動直到結束。

function infiniteScroll() {

    var postHolder = document.getElementById('postHolder');
    var articleCount = postHolder.getElementsByTagName('article').length + 1;

    $.ajax({
        url: "/handlers/InfiniteScroll.ashx?page=" + articleCount + "",
        contentType: "text/html; charset=utf-8",
        dataType: "html",
        success: function (data) {
            if (data != "") {
                $('.posts-holder .article:last').after(data);
            }
        }
    });
 };

$("#showMore").click(function () {
     infiniteScroll();
     $(window).scroll(function () {
         var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
         var scrolltrigger = 0.95;

         if (((wintop / (docheight - winheight)) > scrolltrigger) && test == 1) {
             infiniteScroll();
         }
     });
    $('#showMore').hide();
 });

但是由於某種原因，此代碼會兩次調用ajax成功函數，並將結果附加兩次。 我有做錯什么嗎，還是有更好的方法進行設置？

Answer 1

我知道了，那是var scrolltrigger = 0.95; 關於高度的某種信息使它運行兩次。