zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    方法
    顺序结构 基本语句
    包,Doc
    运算符
    变量
    类型转换
    day7——JAVA数组
    day6——java方法
    day5——java流程控制
    day4
  • 原文地址:https://www.cnblogs.com/dreamsqin/p/6582659.html
Copyright © 2011-2022 走看看