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

巴特西

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

最新文章

热门文章