jquery分页插件:简单、易用、轻

#jquery.pagination.js ##JS分页插件： 简单、易用、轻量级

在线演示：http://www.byex.cn/jquery.pagination

Written by: hishion

##使用步骤

###Step 1: 引入资源文件

<div class="pagination"></div> <!-- Javascript file --> <script src="jquery.pagination.js"></script>

###Step 2: 调用 pagination

$('.pagination').pagination({ total: 100, onJump: function(index){ console.log(index); } });

##配置项

以下为全部配置项

$('.pagination').pagination({ /*总页数*/ total: 0, /*每页条数*/ row: 10, /*最大页码量,调这个值分页页码数量会变化*/ num: 2, /*当前页索引*/ current: 1, /* 自定义分页模板 first, last, prev, next 请保证 data-index 值正确否则click事件无响应 item 必须有，其它可选 */ template: { first:'<li class="first" data-index="first"><a href="javascript:;">首页</a></li>', last: '<li class="last" data-index="last"><a href="javascript:;">最后一页</a></li>', prev: '<li class="prev" data-index="prev"><a href="javascript:;">上一页</a></li>', next: '<li class="next" data-index="next"><a href="javascript:;">下一页</a></li>', ellipsis: '<li class="ellipsis" data-index="ellipsis"><a href="javascript:;">...</a></li>', item: '<li class="page-{{dataIndex}}" data-index="{{dataIndex}}"><a href="javascript:;">{{index}}</a></li>', wrapElement: 'ul' }, /*回调 $.noop.call(this, current, context);*/ onJump: $.noop });