Javascript 数据表行单击事件不工作

Javascript 数据表行单击事件不工作,javascript,jquery,ajax,datatable,Javascript,Jquery,Ajax,Datatable,我使用coldfusion将数据从数据库拉入dataTable,我希望在单击dataTable中的一行时触发事件,这样该行的详细信息就可以在同一页面上以div显示 下面是我正在使用的代码,但它不起作用,如果有人能给我一个有效的例子,我将不胜感激 我收到以下错误消息: 错误-无法读取未定义的属性“\u aData” 在重新分配按钮之前,请尝试解除按钮的事件绑定:只需在单击行之前添加以下行: $('#datatable-buttons tbody').off('click'); 因此,更改后的代码

我使用coldfusion将数据从数据库拉入dataTable,我希望在单击dataTable中的一行时触发事件,这样该行的详细信息就可以在同一页面上以div显示

下面是我正在使用的代码,但它不起作用,如果有人能给我一个有效的例子,我将不胜感激

我收到以下错误消息:

错误-无法读取未定义的属性“\u aData”


在重新分配按钮之前,请尝试解除按钮的事件绑定:只需在单击行之前添加以下行:

$('#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]);
    } );
});

您是否能够生成一个复制您的问题的小提琴?请尝试在控制台中输出
数据。此外,请确保表中的html有效,即tr/td不均匀。
$(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]);
    } );
});