ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery に基づく js ページング パッケージ

jquery_jquery に基づく js ページング パッケージ

WBOY
リリース: 2016-05-16 17:59:23
オリジナル
1220 人が閲覧しました
コードをコピー コードは次のとおりです。

(function ($) {
var PageFunc = function PageFunc( ) { }
$.PageFunc = function (Total, PageSize, curPageNum, FunUrl) {
if (PageSize == "" || PageSize == null || PageSize == 未定義) {
PageSize = 10;
}
if (curPageNum == "" || curPageNum == null || curPageNum == 未定義) {
curPageNum = 1;
//計算合計ページ数
Total = parseInt(Total); //合計レコード数
PageSize = parseInt(PageSize) //ページごとに表示される数
curPageNum = parseInt(curPageNum); page
// 総ページ数
var AllPage = Math.floor(Total / PageSize);
if (Total % PageSize != 0) {
AllPage ;
var navHtml = " ";

if (curPageNum curPageNum = 1;
if (AllPage > 1) {
if (curPageNum != 1) ) {
// ホームページ接続を処理します
navHtml = "|< ";
}
if (curPageNum > 1) {
//前のページへの接続を処理します
navHtml = "<< ";
}
else {
navHtml = "<< ";
}

var currint = 5;
for (var i = 0; i //合計 前に 5 つ、後ろに 5 つずつ、最大 10 個のページ番号を表示します
if ((curPageNum i - currint) >= 1 && (curPageNum i - currint) <= AllPage)
if (currint == i) {
//現在のページ処理
navHtml = "[" curPageNum "] ";
else {
/ /一般的なページ処理
var n = curPageNum i - currint;
navHtml = "" n " ";
}
}
if (curPageNum < AllPage) {
//次のページへのリンクを処理します
navHtml = ">> ";
}
else {
navHtml = ">> ";
}

if (curPageNum ! = AllPage) {
navHtml = " >|  " ;
}

}

navHtml = "[" curPageNum "/" AllPage "]

return navHtml;

};

})(jQuery);


呼び出しメソッドは次のとおりです:


コードをコピー
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート