> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 한 js 페이징 패키지

jquery_jquery를 기반으로 한 js 페이징 패키지

WBOY
풀어 주다: 2016-05-16 17:59:23
원래의
1221명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

(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 <= 0)
curPageNum = 1
if (AllPage > 1) {
if (curPageNum != 1 ) {
// 홈페이지 연결 처리
navHtml = "|< ";
}
if (curPageNum > 1) {
//이전 페이지에 대한 연결 처리
navHtml = "<< ";
}
else {
navHtml = "< ;< ";
}

var currint = 5;
for (var i = 0; i <= 10; i ) {
//Total 최대 10개의 페이지 번호를 표시합니다. 앞 5개, 뒤 5개
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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿