コニファ・ロゴ

csstest:jquery.simplePagination.jsを使って、ページネーションを簡単に実装

jquery.simplePagination.jsを使うことで、見た目としてのページネーションを簡単に実装できます。テーマも3種類用意されています。ただ、オリジナルにはページナンバーをクリックした後の動きは入っていません。jquery.simplePagination.jsの"onPageClick:"部分にコールバックを追加する必要があります。

この例では、下側のオレンジ色のボーダーで囲んだ領域に、ナンバーに合わせた外付けhtmlを読む込むようにしてあります。なお、「1」がデフォルトで選択されていますが、「1」に対応するhtmlは読み込まれていません。他をクリックしてから、再度「1」をクリックすると読み込まれます。

CSS Themes

"light-theme"

"dark-theme"

    "compact-theme"


    ここに表示

     

     

    戻るボタン