jQueryの読み込みと追加の問題

Question

ここに少し問題があります。私は無限のスクロール効果を追加するために必要なワードプレステーマを持っています。さて、それは働いていますが、それは正しく動作しません。私は現在のページとページ数を設定しますが、下に達するたびに2番目のページを追加し続けます。

何が間違っていますか？

ps：私はwordpressのinifite-scrollプラグインを試してみました。テンプレートではうまくいきません。ありがとう！

$(function() { 
    var currentPage = 1; 
    var numPages = Math.ceil(pages/4); 
    var browserName = ""; 
    var ua = navigator.userAgent.toLowerCase(); 
    if (ua.indexOf("opera") != -1) { 
     browserName = "opera"; 
    } else if (ua.indexOf("msie") != -1) { 
     browserName = "msie"; 
    } else if (ua.indexOf("safari") != -1) { 
     browserName = "safari"; 
    } else if (ua.indexOf("mozilla") != -1) { 
     if (ua.indexOf("firefox") != -1) { 
      browserName = "firefox"; 
     } else { 
      browserName = "mozilla"; 
     } 
    } 
    $(window).scroll(function() { 
     if (browserName != "safari") { 
      var curScrollPos = $('html').scrollTop(); 
     } 
     else { 
      var curScrollPos = $('body').scrollTop(); 
     } 
     if (curScrollPos > 218) { 
      $("#sidebar").addClass("open"); 
     } 
     if (curScrollPos < 218) { 
      $("#sidebar").removeClass("open"); 
     } 
     var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop(); 
     if (scrollBottom == 0) { 
      if (currentPage < numPages) { 
       $("<div>").load("page/" + (currentPage + 1), function() { 
        var newPosts = $(this).find("#content").html(); 
        $("#content").append(newPosts); 
       }); 
       currentPage++; 
      } 
      else { 
      } 
     } 
    }); 
    // Infinite Scroll 
});​ 

Answer 1

おそらくこの試してみてください。++

$("<div>").load("page/"+(currentPage+1), function() { 
    var newPosts = $(this).find("#content").html(); 
    $("#content").append(newPosts); 
    currentPage++; 
}); 

をそしてcurrentPageにを削除します。