jquery分页插件pagination的使用和踩过的坑

1.css样式引用

<link rel="stylesheet" href="css/pagination.css" />

2.js文件引用

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.pagination.js"></script>

3.html

<div class="M-box1"></div>

4.js初始化

$('.M-box1').pagination({ });

可选择配置属性:

pageCount：总页数（默认值：9）

totalData：数据总条数（默认值：0）

showData：每页展示条数（默认值：0）

current：当前第几页（默认值：1）

prevCls：上一页class样式（默认值：'prev'）

nextCls：下一页class样式（默认值：'next'）

prevContent：上一页节点内容（默认值：'<'）

nextContent：下一页节点内容（默认值：'>'）

activeCls：当前选中样式（默认值：'active'）

count：当前页前后页数（默认值：3）

coping：是否开启首页尾页（默认值：false）

homePage：首页节点内容（默认值：1）

endPage：尾页节点内容（默认值：当前最大页数）

callback()：回调函数

callbak函数要注意的坑:

当将  $('.M-box1').pagination({ });  放在function方法中时会导致每次触发方法时就调用回调函数,回调函数会一直处于队列中等待,当点击分页时触发多个队列中的回调函数,使得数据无法正常加载。

所以我们可以在function外部 var flag = true;

然后 

function a (){

if(flag) {

$('.M-box1').pagination({

});

flag = false;

}

};

这样就可以通过flag的改变使队列中只存在一个等待执行的callback回调函数。