在使用jquery.twbsPagination分页时遇到的问题

本文探讨了如何解决使用jQuery twbsPagination插件进行分页时,AJAX查询导致的总页码不刷新问题。通过使用全局变量记录查询结果的总页数,并在页面加载时重新初始化插件,实现了总页码的正确更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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
		}
});

 这样使用就把问题给绕过去了,如果有其他好方法,请指出。



评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值