jQuery分页小插件

时间：2014-08-26 18:58:16 阅读：210 评论：0 收藏：0 [点我收藏+]

源码如下：

[javascript] view plain copy print ?

$.fn.pager = function (pagerInfo) {
var recordCount = this.size();
if (recordCount <= pagerInfo.pagesize) return;
var currentPageIndex = 1, //当前面，默认为1
pageCount = Math.ceil(recordCount / pagerInfo.pagesize); //总页数
//构建分页的html
$(‘<div>一共‘ + this.size() + ‘条记录,一共‘ + pageCount + ‘页,当前第<span>1</span>页</div>‘)
.insertAfter(pagerInfo.container)
.append($(‘<a class="prev-page">上一页</a>‘).click(function () {
if (currentPageIndex == 1) return;
currentPageIndex--;
showRecords(currentPageIndex);
$(this).prev(‘span‘).text(currentPageIndex);
}))
.append($(‘<a class="prev-page" href>下一页</a>‘).click(function () {
if (currentPageIndex == pageCount) return;
currentPageIndex++;
showRecords(currentPageIndex);
$(this).prevAll(‘span‘).text(currentPageIndex);
}))
.css(pagerInfo.css)
.find(‘span‘).css({ padding: 0 });
var jRecords = this; //保留作用域
//pageIndex以1为开始
var showRecords = function (pageIndex) {
jRecords.hide(); //隐匿所有记录先
var startIndex = (pageIndex - 1) * pagerInfo.pagesize, //当前页的开始记录
endIndex = (pageIndex * pagerInfo.pagesize) - 1; //当前页的结束记录
jRecords.filter(‘:eq(‘ + startIndex + ‘),:gt(‘ + startIndex + ‘)‘).show(); //显示大于开始记录（包含）的所有记录
jRecords.filter(‘:gt(‘ + endIndex + ‘)‘).hide(); //隐藏大于结束记录的所有记录，以达到分页效果
};
showRecords(currentPageIndex);
};

使用举例：

[javascript] view plain copy print ?

原文地址：http://www.cnblogs.com/xiaochao12345/p/3937661.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行