Javascript jQuery加载和附加问题

我这里有点小问题。我有一个wordpress主题，我需要添加一个无限滚动效果。好的，它工作了，但看起来工作不正常。我设置了当前页面和页数，但每次我到达底部时，它都会不断添加第二页

我做错了什么

注：我已经尝试过wordpress的inifite滚动插件，但它与我的模板不兼容。谢谢

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

可能尝试一下：

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

---

并删除currentPage++

您能否通过第/3页、第/4页等访问该页面。。。？即使您指定了3，它也可能正在生成第2页。似乎load方法有问题。我发现，我只是使用$get而不是load。谢谢