jQuery Paginationページングプラグインの詳細説明-jsチュートリアル-php.cn

jQuery Paginationページングプラグインの詳細説明

小云云

リリース： 2018-01-01 10:29:05

オリジナル

2168 人が閲覧しました

この jQuery プラグインは Ajax ページングプラグインであり、一度読み込まれるため、ページング間の切り替え時に更新や遅延が発生しません。データ量が多い場合、この方法は読み込みが遅くなるためお勧めできません。。この記事では、jQuery Pagination ページングプラグインの使い方とパラメーターの紹介を紹介しますので、興味のある方はぜひ一緒にご覧ください

プラグインの紹介

 この jQuery プラグインは、Ajax ページングプラグインです。、一度ロードされるため、ページングを切り替えるときに更新されず、遅延があるため、データ量が多い場合、ロードが遅くなるため、この方法はお勧めできません。

元のプラグイン CSS はあまり合理的ではなく、float を使用しているため、簡単に左右方向に配置することができず、float がクリアされません。中国語の修正版では、テキストをサポートするように最適化しました。位置を合わせます。

使い方

このプラグインも一般的なjQueryプラグインと同様に、とてもシンプルで使いやすいです。メソッドはページネーションです。例: $("#page").pagination(100);

パラメータ

num_display_entriescurrent_page

パラメータ名	説明	パラメータ値
最大エントリー数	アイテムの総数	必須パラメータ、整数
items_per_page	オプションのパラメータ、デフォルトは10
連続ページングのメイン部分に表示されるページングエントリの数	オプションのパラメータ、デフォルトは10です
現在選択されているページ	オプションのパラメータ、デフォルトは0で、ページ1を意味します
num_edge_entries	両側に表示される最初と最後のページのエントリの数	オプションのパラメータ、デフォルトは0です
link_to	ページネーションへのリンク	文字列、オプションのパラメータ、デフォルトは「#」です
prev_text	"前ページ" ページングボタンに表示されるテキスト	文字列パラメーター、オプション、デフォルトは "Prev"
next_text	"次ページ" ページングボタンに表示されるテキスト	文字列パラメータ、オプション、デフォルトは「Next」です
ellipse_text	省略されたページの数を表すために使用されるテキスト	オプションの文字列パラメータ、デフォルトは「...」です
prev_show_always	「前ページ」ページングボタンを表示するかどうか	ブール型、オプションのパラメータ、デフォルトはtrueです、つまり、「前のページ」ボタンを表示します
next_show_always	「次のページ」ページングボタンを表示するかどうか	ブール型、オプションのパラメータ、デフォルトは true、つまり表示します「次のページ」「ボタン
callback	callback function	defaultには実行効果はありません

例

たとえば、次の使用法コード:

$("#Pagination").pagination(56, {
  num_edge_entries: 2,
  num_display_entries: 4,
  callback: pageselectCallback,
  items_per_page:1
});

ログイン後にコピー

」

これコードは意味を表します。合計 56 (maxentries) のリスト項目があり、最初と最後のページの両側に 2 (num_edge_entries) が表示され、連続するページング対象の数に 4 (num_display_entries) が表示されます。コールバック関数は、pageselectCallback ( callback)、各ページに表示されるリスト項目は 1 (items_per_page) 個です。