jQuery.autopager1.0.0をリリースしました

javascript jquery

スクロールで次ページを自動読み込みするjQueryプラグイン v1.0.0をリリースしました。
全バージョンから全面的に書き直し、クリック等をトリガーにした読込みにも対応させました。


デモ

サンプル

自動ページング機能を有効にするには、次ページへのリンクが存在するページに以下のようなコードを追加します。 

$.autopager({
    link   : '#next',   // 次ページリンクのセレクタ
    content: '.content' // コンテンツ部分のセレクタ 
});


ページ区切りは、次ページのコンテンツ読み込み完了直後に発生するloadイベントのコールバック関数で挿入できます。 

$.autopager({
    load: function() {
        // "this"は読み込んだコンテンツ要素を指す
        $(this).before('<hr/>');
    }
});


詳しくは、http://lagoscript.org/jquery/autopagerを参照してください。