Question

我使用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]);
            } );
        } );

Answer 1

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

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

数据表行单击事件无效

1 个答案: