2015-04-15 39 views
1

我已經使用這個分頁庫 - jQuery Pagination沒有更新。在動態分頁欄頁面 - Jquery的

現在我在做什麼,在點擊「Generate按鈕」,它將觸發一個Ajax調用產生的數據表

$.ajax({ 
    success: 
     var total_page = Math.ceil(result['NumRow']/result['PageSize']); 
     var page_num = result['PageNum']; 
     displaypage(page_num, total_page) 
}); 

從上面的AJAX調用我得到行和頁面大小的號碼(編號行顯示perpage),所以除以我得到的頁面來顯示分頁欄上的號碼。它第一次正常工作。但是,當另一個Ajax調用火災和如果這個時候有沒有少。行的話,應該用更少的頁面更新分頁欄。但它並未更新。 代碼顯示頁面:

function displaypage(page, total){ 
    $('#pagination-demo').twbsPagination({ 
     startPage: page, 
     totalPages: total, 
     visiblePages: 7, 
     onPageClick: function (event, page) { 
      //Some ajax call 
    }); 
} 

對於第一Ajax調用分頁欄顯示不正確。的頁面。但對於其他的AJAX調用它不會改變。它保持不變。我怎樣才能更新分頁欄?

回答

1

http://jsfiddle.net/1gL686dz/

在功能displaypage()添加到頂部:

$('#pagination-demo').twbsPagination('destroy'); 
+1

這解決了我的問題,你回答之前,別人幫助。但由於您的解決方案是正確的,因此給您正確的答案 –