作者:蔡少暖_171 | 来源:互联网 | 2023-01-30 18:18
HTML代码
<div id="paginationDiv">div>
js代码
<script type="text/Javascript" src="${ctx}/resources/common/js/zxf_page.js">script>
//加载翻页插件
function zxfPageDiv(CurrentPage,PageCount) {
//$("#Pagination").empty();
$("#Pagination").remove();
$("#paginationDiv").append('');
$("#Pagination").createPage({
pageNum: PageCount,//总页码
current: CurrentPage,//当前页
backfun: function (e) {
var pageIndex = e.current;
getTopicDiscussesList(pageIndex,5);//刷新议题交流
}
});
}
//var currentPage = parseInt($(".zxf_pagediv .current")[0].textContent);//当前页
问题:
现象:
点击页数跳转的时候一切正常,但是点击“上一页”或者“下一页”的时候会跳两页,再请求继续累加
原因:
因为采用的是ajax动态获取每一页的数据,每动态生成一次数据,就会多跳转一页,如此累加。
解决办法:
把分页
在js中生成,不要直接在jsp中写出,分页初始化时,先remove掉原来的div,然后再重新生成这个div ,再进行createPage