2014-11-05 71 views
1

我正在研究一個新聞發佈網站,該網站需要從當前新聞頁面下方的RSS源中加載故事。我一直在使用InfiniteAjaxScroll(http://infiniteajaxscroll.com/)取得一些成功,但我碰到了一堵磚牆。當你向下滾動頁面時,我無法動態地改變下一個應該載入的內容。PJAX Scroll Loading

有誰知道任何其他插件,教程,複製這樣的行爲的例子。我已經搜索過,但沒有提出任何符合這些要求的內容。

我正在嘗試創建類似於「每日野獸」在其網站上實施的內容。

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

他們怎麼知道在加載什麼樣的故事?

謝謝!

回答

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。