jquery.pagination.js的下载与使用

进公司后，在项目中给我的第一个需求要用到分页，在OSChina上搜了一下，发现了这个jQuery插件，然后运用到了项目中，现在简单记录一下，以便以后用到的时候查看。

下载地址：百度网盘

下载好之后，里面有demo文件，参照里面的demo.html中head里的最后一个script就能掌握简单用法。我的项目中是包含两个js文件：一个是下载来的jQuery.pagination.js，一个是pagination.js。jQuery.pagination.js只需引入即可，下面简单说明pagination.js的内容。

/**
* 显示内容的回调函数
*
* 当用户单击链接时调用
*
* @参数 {int} page_index ：新页index
*/
function pageselectCallback(page_index){
//在这里面改变点击页码或者上一页/下一页时的内容,
//分页编号是传入的page_index
}
/*为分页创建option参数
*其实就是一个设置作用
*/
function createNewOptions(){

//下面是一堆设定

//设置回调函数

var opt = {callback: pageselectCallback};
//每页记录的条数
opt.items_per_page = 5;
//显示的可见的分页数
opt.num_display_entries = 4;
//分页链接在末尾显示的个数
opt.num_edge_entries = 2;
opt.prev_text = '上一页';
opt.next_text = '下一页';
opt.link_to = "javascript:void(0);";

//返回这个opt即可
return opt;
}

/*这个函数应该是你加载页面时调用，
*jQuery的话就是$(document).ready(init);*/

function init(itemCounts){

//调用我们自己写的创建option的函数
var optInit = createNewOptions();

//Pagination就是html文件中分页栏的位置

/*参数是itemCounts是传入总的条目数，
*就是说，这个插件不需要你自己计算需要分多少页，
*只要把opt对象里的值设好就行。
*optInit是我们创建的opt
*/
$("#Pagination").pagination(itemCounts, optInit);
}

其实就是两步：

第一步：

按照我们的要求创建并设置好一个opt对象，我这儿的做法是写了一个函数创建，demo的做法是直接传一个对象，你也可以这样。

第二步：

写好创建opt对象时callback参数对应的函数，在这里根据page_index改变内容。

原文：http://www.baizihan.cn/jquery-pagination-js-download-and-usage/