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。