无限滚动飞行背包的WordPress:点击优良工程,滚动挂

问题描述:

我使用飞行背包无限滚动,它不完全适用:无限滚动飞行背包的WordPress:点击优良工程,滚动挂

当使用TYPE =“点击”,而不是类型=“滚动”,然后一切工作正常。一个按钮放在帖子下面,当点击更多的帖子时,通过无限滚动加载。当使用type =“scroll”时,那么只有一次它的工作,然后它不会加载任何更多的职位,即使负载存在。我在调试模式或JavaScript控制台中看不到任何失败。

我有这样的JavaScript来跟踪每个负载:

(function($) { 
    $(document.body).on('post-load', function() { 
     // New posts have been added to the page. 
     console.log('posts loaded...'); 
    }); 
})(jQuery); 

当使用类型=“点击”,“加载后”事件为每个负载哨所发射5次。当使用type =“scroll”时,“后加载”事件仅被触发1次,然后不再加载帖子。错误?

当使用'posts_per_page'=> 3时,输入​​:scroll将加载3次,但在此之后它不再加载(所以它在14个帖子后停止)。当使用'posts_per_page'=> 100时,我的所有帖子都会一次加载(95)。为什么?

我发现原因:帖子的容器必须有100%(css)的高度。现在它可以工作。