PJAX滚动加载

时间:2014-11-05 19:09:43

标签: ajax rss lazy-loading infinite-scroll pjax

我正在新闻发布网站上工作,需要从当前新闻页面下方的RSS Feed中加载故事。我一直在使用InfiniteAjaxScroll(http://infiniteajaxscroll.com/)获得一些成功,但是,我已经碰到了一堵砖墙。当你向下滚动页面时,我没有办法动态地改变下一个应该加载的故事。

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

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

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

他们如何知道要加载哪些故事?

谢谢!

1 个答案:

答案 0 :(得分: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。