首页 文章

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

提问于
浏览 次
1

我正在用户点击“加载更多”按钮时通过AJAX加载更多帖子 . 我正在使用的代码基于本教程：

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

我的目标是修改该代码，以便当用户 scrolls 到页面底部时加载更多帖子 . 我试过更换

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

});

有了这个：

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

    }
});

这样做时，新帖子会成功加载，但当用户第二次滚动到浏览器窗口底部时，下一组帖子不会加载到页面中 .

使用按钮单击方法，页面中将添加一个新的“加载更多”按钮，以便在用户再次单击时加载下一组帖子 . 当用户再次滚动到页面底部时，如何让我的滚动方法加载下一组帖子？

javascript jquery ajax wordpress

2 回答

  • 0

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

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

    尝试使用阈值，例如：

    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
    ...
}
    回复于
  • 0

    嘿抱歉我的英语尝试这个

    $(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-posts一个当滚动到最后点击时它的工作正常

    回复于

相关问题