Question

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

我做错了什么？

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 ++;

jQuery加载和追加问题

1 个答案: