web-dev-qa-db-ja.com

DataTablesの次/前のページネーションボタンでイベントをキャッチする方法

データテーブルの次/前のページネーションボタンのイベントをキャッチする方法の例を誰かに教えてもらえますか?特に「次へ」ボタンに興味があります。特定のページネーションボタンのイベントをキャッチする方法の例があると、本当に助かります。

私はデータテーブルを検索しましたが、イベントをキャッチするにはこれを使用する必要があることがわかりました:

$('#example').on('page.dt', function ()).DataTable();

しかし、これはすべてのページネーションボタンのイベントをキャッチします。特定の場合(私の場合は「次へ」)の方法を知りたい。

前もって感謝します

7
Jurgen

以下のコードを使用して、クリックイベントハンドラーを「次の」ページネーションボタンにアタッチします。

var table = $('#example').DataTable({
   drawCallback: function(){
      $('.paginate_button.next:not(.disabled)', this.api().table().container())          
         .on('click', function(){
            alert('next');
         });       
   }
});   

コードとデモについては this jsFiddle を参照してください。

7
Gyrocode.com