jquery.page.js插件在使用时重复触发“上一页”和“下一页”操作

jquery.page.js使用demo

HTML代码

<div class="result">
    <div class="tcdPageCode"></div>
</div>

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.page.js"></script>

js代码

//初始化分页
function initPage(type){
    $(".tcdPageCode").remove();
    $(".result").append("<div class='tcdPageCode'></div>");

    nowPage=1;   //当前页初始化（全局变量）


    $(".tcdPageCode").createPage({   
        pageCount: pageCount,
        current: nowPage,
        backFn: function (p) {
            nowPage=p;
            getRecources(type,getRecourcesAction);  //ajax请求数据
        }
    });
}

现象：

点击页数跳转的时候一切正常，但是点击“上一页”或者“下一页”的时候会跳两页，再请求继续累加

原因：

因为采用的是ajax动态获取每一页的数据，每动态生成一次数据，就会多跳转一页，如此累加。

解决办法：

把分页<div class='tcdPageCode'></div>在js中生成,不要直接在jsp中写出,分页初始化时,先remove掉原来的div,然后再重新生成这个div ，再进行createPage

 

转载于:https://www.cnblogs.com/dreamsqin/p/6582659.html