строка данных не выделяется

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

Есть способы добавить обработчики событий в методы рендеринга API datatables, но это, вероятно, будет проще.

Я использовал метод 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');
});