如何捕获DataTables下一个/上一个分页按钮上的事件

时间:2017-02-10 14:30:10

标签: javascript jquery pagination datatables

有人能告诉我一个如何捕捉数据表下一个/上一个分页按钮事件的例子吗? 特别是我对“下一步”按钮很感兴趣。如果您有一个如何捕获特定分页按钮事件的示例,那将对我有所帮助。

我搜索并在数据表中发现要捕获一个事件你应该使用它:

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

但是这会抓住所有分页按钮的事件。我想知道如何为特定的一个(在我的情况下为“下一个”)。

提前致谢

1 个答案:

答案 0 :(得分:7)

使用以下代码将点击事件处理程序附加到"下一步"分页按钮。

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

请参阅this jsFiddle以获取代码和演示。