Datatables 使用数据表中的现有按钮

Datatables 使用数据表中的现有按钮,datatables,datatables-1.10,Datatables,Datatables 1.10,我试图在单击数据表中的下一个或上一个按钮时触发onClick事件。我检查了按钮的ID,它们是自动生成的。无法使用这些ID。这可能吗?您有一个事件,每次更新分页时都会触发: table.on('page.dt',function(){ var info=table.page.info(); console.log('显示页面:'+info.page+'共'+info.page'); }); 如果你想成为目标,点击上一步/下一步按钮,你可以很容易地做到这一点。根据我的经验,dataTables似乎

我试图在单击数据表中的下一个或上一个按钮时触发onClick事件。我检查了按钮的ID,它们是自动生成的。无法使用这些ID。这可能吗?

您有一个事件,每次更新分页时都会触发:

table.on('page.dt',function(){
var info=table.page.info();
console.log('显示页面:'+info.page+'共'+info.page');
});
如果你想成为目标,点击上一步/下一步按钮,你可以很容易地做到这一点。根据我的经验,dataTables似乎只是通过立即更新视图来“吃掉”click事件,但您可以通过监听
mousedown
事件来保持链的前端:

$('.dataTables_wrapper')。on('mousedown','.previous',function(){
console.log('上一次单击')
})  
$('.dataTables_wrapper')。on('mousedown','.next',function(){
console.log('单击下一步')
}) 
您需要使用委托事件处理程序,因为每次重画dataTable时都会重新创建dataTable控件
.dataTables\u wrapper
。next
。previous
对于所有数据表都是通用的

演示->