分页-jquery.page.js插件在使用时重复触发“上一页”和“下一页”操作
HTML代码
<!-- <div class="zxf_pagediv" id="Pagination" style="display:block;height:7%"></div> --> <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('<div class="zxf_pagediv" id="Pagination" style="display:block;height:7%"></div>'); $("#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动态获取每一页的数据,每动态生成一次数据,就会多跳转一页,如此累加。
解决办法:
把分页<div class="zxf_pagediv" id="Pagination" ></div>在js中生成,不要直接在jsp中写出,分页初始化时,先remove掉原来的div,然后再重新生成这个div ,再进行createPage