基于jQuery的js分页代码

基于基于jQuery的的js分页代码分页代码

jquery的分页代码，是结合数据库实现的， 这里只给出核心jquery代码。其它的大家可以发挥下。

复制代码 代码如下:

function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){

this.dataCount = dataCount;

this.pageSize = pageSize;

this.serverUrl = serverUrl;

this.contentPlace = $("#"+contentPlace);

this.nextPage = $("<span/>");

this.init();

}

pagerBar.prototype = {

init : function(){

this.getPageCount();

this.initLink();

this.showBarInfo();

if(this.pageCount>0){

this.setLink(1);

}

},

initLink : function(){

var self = this;

this.prePage = $("<span/>").html("上一页").addClass("pageLink");

this.prePage.click(function(){

self.setLink(self.pageIndex-1);

});

this.nextPage = $("<span/>").html("下一页").addClass("pageLink");

this.nextPage.click(function(){

this.nextPage.hide();

if(this.pageCount==0){

this.curInfo.html("暂时没有信息!");

}

else if(this.pageCount==1){

this.curInfo.html("1/1");

}

else{

this.curInfo.html(this.pageCount + "/" + this.pageIndex);

}