2017-03-03 6 views
0

twbsページを使用していますが、私は以下の問題を抱えています。twbsページプラグイン問題

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); 
        } 
      }); 
     } 

    } 

答えて

0

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

から を初期化プラグインを
関連する問題