jquery.twbsPagination 是一个适用于bootstrap 或其他风格的分页插件。下载地址是:http://esimakin.github.io/twbs-pagination/
参照网站的实例,用起来也非常方便。
但是,问题来了:
$(xxxx)twbsPagination({
first: '首页',
prev: '前一页',
next: '下一页',
last: '尾页',
totalPages: data.totalPag,
visiblePages: 7,
onPageClick: function (event, page) {
//callback
}
});
在使用ajax调用的时候,totalpage 并没有自动刷新:即每次用不同的条件查询出来,总页码数目没有刷新。
后来,还是使用了老办法,用全局变量,记录每次查询的总页码,然后:
if(page_size!=data.totalPag){
$("#xxx").html('<ul id="xxxxxx" class="pagination-sm"></ul>');
}
$(xxxx)twbsPagination({
first: '首页',
prev: '前一页',
next: '下一页',
last: '尾页',
totalPages: data.totalPag,
visiblePages: 7,
onPageClick: function (event, page) {
//callback
}
});
这样使用就把问题给绕过去了,如果有其他好方法,请指出。
本文探讨了如何解决使用jQuery twbsPagination插件进行分页时,AJAX查询导致的总页码不刷新问题。通过使用全局变量记录查询结果的总页数,并在页面加载时重新初始化插件,实现了总页码的正确更新。

被折叠的 条评论
为什么被折叠?



