2017-05-06 20 views
1

JScrollを使用してajaxコンテンツを読み込む方法を教えてください。 jscrollのサイトには、ajaxコンテンツの読み込みに関する例はありません。誰でもこのことについて私を助けることができますか?また、JScrollがこれを行うことができない場合は誰でも私にJqueryの無限スクロールのリンクを与えることができますか?JScroll load Ajax content

Jscrollの例について。 2番目のページをロードすると、あなたがロードする2番目のページへのHREFポインティングを持っている「」タグを定義する必要が見ることができるように、この

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

のようなものです。しかし、私はこのようなコンテンツを動的に取得する関数を渡さなければならないと考えていました。

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

ありがとう。

+0

'誰でもJquery用の無限のスクロールのリンクを教えてもらえますか? 'その旅の最初のステップはGoogleの「jquery infinite scroll'です。 –

+0

... jScrollを見て、おそらくAjaxを通してコンテンツをロードすることは、プラグインが行うことなのですか?あなたが意味することを明確にすることはできますか? –

+0

私の質問が更新されました –

答えて

0

nextSelector要素のhrefに定義されているURL(例ではa)からajaxコンテンツが自動的に取得されます。それはあなたがしなければならないすべてのことです。 ajaxリクエストは、プラグインによって作成されます。

callbackオプションを使用して、各スクロール要求の最後に返されるDOMまたはデータを操作できる関数を渡すこともできます。ただし、スクロールまたはクリックによる次のページの自動ロードは、プラグインの意図された動作です。