使用AJAX在（無限）滾動中加載更多WordPress帖子

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()){

    }
});

這樣做會成功加載新帖子，但是當用戶第二次滾動到瀏覽器窗口的底部時，下一組帖子不會加載到頁面中。

使用按鈕單擊方法，將向頁面添加一個新的“加載更多”按鈕，以便在用戶再次單擊時加載下一組帖子。 當用戶再次滾動到頁面底部時，如何獲得滾動方式來加載下一組帖子？

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效果很好