PJAX Scroll Loading

Question

我正在研究一个新闻发布网站，该网站需要从当前新闻页面下方的RSS源中加载故事。我一直在使用InfiniteAjaxScroll（http://infiniteajaxscroll.com/）取得一些成功，但我碰到了一堵砖墙。当你向下滚动页面时，我无法动态地改变下一个应该载入的内容。

有谁知道任何其他插件，教程，复制这样的行为的例子。我已经搜索过，但没有提出任何符合这些要求的内容。

我正在尝试创建类似于“每日野兽”在其网站上实施的内容。

http://www.thedailybeast.com/articles/2014/11/05/inside-the-democrats-godawful-midterm-election-wipeout.html

他们怎么知道在加载什么样的故事？

谢谢！

Answer 1

如果您使用的是InfiniteAjaxScroll库，那么“下一个故事”就是您定义的任何链接，作为下一个可以为您加载的每个故事动态显示的URL。

想象一下你的第一个故事的HTML作为像这样

<div class="stories"> 
    <div class="story"> 
    ... 
    </div> 
</div> 

<div id="pagination"> 
    <a href="storyC.html" class="next">next</a> 
</div> 

然后在storyC.html你有

... 
<div id="pagination"> 
    <a href="storyG.html" class="next">next</a> 
</div> 

假设你正在使用某种动态的后端，你会使用一些排序逻辑来获取相关的故事，并将该URL设置为“下一个”URL。