2014-02-09 37 views
2

我使用漂亮的插件jScroll進行無限滾動,這些示例很簡單直接,但它並不適用於我。jscroll(延遲加載)刪除分頁

的腳本滾動是:

$('.infinite-scroll').jscroll({ 
     debug: true, 
     autoTrigger: false, 
     loadingHtml: '<img src="css/ajax-loader.gif" alt="Loading" /> Loading...', 
     padding: 20, 
     nextSelector: 'a.jscroll-next:last', 
     contentSelector: '.scrolltable' 
    }); 

它工作正常加載第二個頁面,而不是休息,在控制檯它說,它cannt找到因此,下一個選擇它的終結。當我檢查源代碼時,我發現當你滾動到第二頁時,分頁div被完全刪除,有什麼想法?

+1

你包括你的第二個頁面的HTML下一個環節?也就是說,最初的HTML應該包含到第二頁的鏈接,第二到第三頁等。 – Jimothy

+0

@Jimothy是的,但是當我向下滾動時它會被完全刪除 –

回答

1

聽起來像jScroll在第二頁的返回內容中找不到nextSelector。如果a.jscroll-next:last未包含在返回內容的.scrolltable中,則jScroll將自行銷燬。

對於從DOM中刪除的分頁div,每次加載下一頁時都會發生這種情況。您可能會看到的是從第一頁中刪除的分頁,而您的第二頁在.scrolltable內不包含分頁div。

見鏈接到以下地方jScroll刪除分頁的父容器線:

https://github.com/pklauzinski/jscroll/blob/master/jquery.jscroll.js#L163