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