twbsPagination插件問題

Question

我正在使用twbsPagination，並且遇到以下問題。

onPageClick在我銷燬並初始化諸如totalpages之類的新選項後，事件永遠不會觸發。

這裏是我的代碼：

function ShowPages(update, TotalPages) { 

     if (update) { 

      var $pagination = $('#pagination'); 
      var defaultOpts = { 
       totalPages: 10 
      }; 

      var currentPage = $pagination.twbsPagination('getCurrentPage'); 
      $pagination.twbsPagination('destroy'); 
      $pagination.twbsPagination($.extend({}, defaultOpts, { 
       startPage: currentPage, 
       totalPages: TotalPages, 
       first: '<span> <i class="ace-icon fa fa-angle-double-left bigger-140"></i> </span>', 
       prev: '<span> <i class="ace-icon fa fa-angle-left bigger-150"></i></i></span>', 
       next: '<span> <i class="ace-icon fa fa-angle-right bigger-150"></i></i></span>', 
       last: '<span> <i class="ace-icon fa fa-angle-double-right bigger-140"></i></span>' 
      })); 
     } 
     else { 
      $('#pagination').twbsPagination({ 
       totalPages: TotalPages, 
       visiblePages: 7, 
       first: '<span> <i class="ace-icon fa fa-angle-double-left bigger-140"></i> </span>', 
       prev: '<span> <i class="ace-icon fa fa-angle-left bigger-150"></i></i></span>', 
       next: '<span> <i class="ace-icon fa fa-angle-right bigger-150"></i></i></span>', 
       last: '<span> <i class="ace-icon fa fa-angle-double-right bigger-140"></i></span>', 
       onPageClick: function (event, page) { 
        GetMyTasks(page); 
        } 
      }); 
     } 

    } 

Answer 1

的destroy方法完全破壞你的插件，這意味着你的點擊事件的回調也被破壞（onPageClick事件）。所以嘗試在銷燬插件後添加回調。 例如：

function ShowPages(update, TotalPages) { 

     if (update) { 
      var $pagination = $('#pagination'); 
      var currentPage = $pagination.twbsPagination('getCurrentPage'); 
      $pagination.twbsPagination('destroy'); 
      renderPagination(currentPage, TotalPages) 
     } 
     else { 
      renderPagination(1, TotalPages) 
     } 

    } 
    function renderPagination(currentPage, totalPages) { 
     $('#pagination').twbsPagination({ 
      startPage: currentPage, 
      totalPages: totalPages, 
      initiateStartPageClick: false, 
      onPageClick: function (event, page) { 
       GetMyTasks(page); 
      } 
     }); 
    } 

小心initiateStartPageClick選項，默認爲：

消防點擊開始頁面時，插件初始化 從Official doc