2017-05-06 127 views
1

如何使用JScroll加載ajax內容?在jscroll的網站上它沒有任何加載ajax內容的例子。任何人都可以幫助我。另外如果JScroll無法做到這一點,任何人都可以給我一個鏈接爲JQuery的無限滾動?JScroll加載Ajax內容

關於Jscroll示例。加載第二頁是這樣的

<div class="scroll"> 
    <h3>Page 1</h3> 
    <p>Content here...</p> 
    <a href="example-page2.html">next page</a> 
</div> 

正如你可以看到你必須定義'a'標籤有一個href指向第二頁加載。但我想到必須通過一個功能,將動態檢索內容像這樣

$('.scroll').jscroll({ 
    ajaxfunction: function() { 
     // Return dynamic content here 
    } 
}); 

謝謝。

+0

'誰能給我一個無限滾動的鏈接Jquery?'這一旅程的第一步是谷歌'jquery無限滾動'。 –

+0

...但看着jScroll,可能通過Ajax加載內容,這是插件的功能,不是嗎?你能澄清你的意思嗎? –

+0

更新我的問題 –

回答

0

ajax內容是從nextSelector元素的href中定義的URL自動檢索的,該元素是示例中的a標籤。這就是你必須要做的。 ajax請求是由插件爲您製作的。

您也可以使用callback選項來傳遞一個函數,在該函數中您可以操作DOM或在每個滾動請求結束時返回的數據。然而,通過滾動或點擊自動加載下一頁是插件的預期行爲。