Question

嗨我正在尝试将DataTable中的行设置为高亮时选择它，但是下面的代码无效。我可以看到该类被附加到元素但它不会改变颜色。

$(document).ready(function(){ 

var table =  $('#table').dataTable({ 

'bProcessing':true, 
 "bJQueryUI": true,
 "bFilter": false,
 "sAjaxSource":'data.php',
    "bAutoWidth": false,
    "aoColumns": [   
            {sWidth: '70px'
                },
                    {
                }

                ]
    }).makeEditable({
   //make editable code

            }],


    });

        $("#table tbody").click(function(event) {
        $(table.fnSettings().aoData).each(function (){
            $(this.nTr).removeClass('row_selected');
        });
        $(event.target.parentNode).addClass('row_selected');
    });



});

我对javascript很新，所以我使用datatable中的代码作为行突出显示的示例。任何想法，谢谢。

Answer 1

有一些方法可以在datatables API的呈现方法中添加事件处理程序，但这可能会更简单。

我已经使用on（）方法来绑定事件，以防你有分页或将来的行添加，以便将来添加的任何行也将绑定到它们的处理程序

http://api.jquery.com/on/

$("#table tbody").on('click','tr',function(event) {
    /* find "selected" class and remove class */                                       
    $('#table tr.row_selected').removeClass('row_selected');
    /* "this" is current row*/
    $(this).addClass('row_selected');
});

数据表行没有突出显示

1 个答案: