Question

我目前正在通过AJAX加载更多帖子，当用户点击“加载更多”信息时按钮。我使用的代码基于本教程：

http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/

我的目标是修改该代码，以便在用户滚动到页面底部时加载更多帖子。我试过替换

$('#pbd-alp-load-posts a').click(function() {

});

用这个：

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){

    }
});

执行此操作时，会成功加载新帖子，但当用户第二次滚动到浏览器窗口底部时，下一组帖子不会加载到页面中。

使用按钮点击方式，新增加了更多＆＃39;按钮被添加到页面中，以便在用户再次单击时加载下一组帖子。当用户再次滚动到页面底部时，如何让我的滚动方法加载下一组帖子？

Answer 1

在测试中，而不是使用完全相等：

if ($(window).scrollTop() == $(document).height() - $(window).height()) {
    ...
}

尝试使用阈值，例如：

if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
    ...
}

Answer 2

嘿抱歉我的英语试试这个

 $(window).scroll(function() { //detect page scroll
    if($(window).scrollTop() + $(window).height() == $(document).height())
    {
        $('#pbd-alp-load-posts a').trigger('click');
    }});

把它放在上面

$('#pbd-alp-load-posts a').click(function()

代码强制按钮#pbd-alp-load-post a向右滚动到要点击的末尾它工作正常

使用AJAX在（无限）滚动上加载更多WordPress帖子

2 个答案: