分页-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

转载于:https://www.cnblogs.com/lijianda/p/9681551.html