数据表行单击事件不起作用
我使用coldfusion将数据从数据库中提取到dataTable中,当我点击数据表中的一行并触发事件时,我希望这样,以便该行的详细信息可以显示在同一页面上的div中。
下面是我正在使用的代码,但它不起作用,如果有人能给我一个有效的例子,我将不胜感激
我收到以下错误消息:
错误 – 无法读取未定义的属性“_aData”
$(document).ready(function() { var table = $('#datatable-buttons').DataTable(); $('#datatable-buttons tbody').on('click', 'tr', function () { var data = table.row( this ).data(); // alert( 'You clicked on '+data[0]+'\'s row' ); alert("table click"+data[0]); } ); } );
在重新分配按钮之前尝试解除对按钮的绑定:只需在行单击之前添加以下行:
$('#datatable-buttons tbody').off('click');
所以更改的代码是:
$(document).ready(function() { var table = $('#datatable-buttons').DataTable(); $('#datatable-buttons tbody').off('click'); $('#datatable-buttons tbody').on('click', 'tr', function () { var data = table.row( this ).data(); // alert( 'You clicked on '+data[0]+'\'s row' ); alert("table click"+data[0]); } ); });