在數據表上行選擇不工作

Question

我想允許行選擇我的數據表工作（如在這裏看到：http://datatables.net/release-datatables/examples/api/select_single_row.html），但它似乎並沒有工作。任何關於我可能會出錯的想法？

我已經包含了完整的代碼在這裏：http://jsfiddle.net/v6VTB/2/

JS

$(document).ready(function() { 
    $('#example5').dataTable({ 
     "bPaginate": true, 
     "bLengthChange": false, 
     "bFilter": true, 
     "bSort": true, 
     "bScrollCollapse": true, 
     "bInfo": true, 
     "bAutoWidth": false 
    }); 
}); 

var oTable; 
var giRedraw = false; 

/* Add a click handler to the rows - this could be used as a callback */ 
$("#example5 tbody").click(function (event) { 
    $(oTable.fnSettings().aoData).each(function() { 
     $(this.nTr).removeClass('row_selected'); 
    }); 
    $(event.target.parentNode).addClass('row_selected'); 
}); 

/* Add a click handler for the row */ 

/* Init the table */ 
oTable = $('#example5').dataTable(); 

/* Get the rows which are currently selected */ 
function fnGetSelected(oTableLocal) { 
    var aReturn = new Array(); 
    var aTrs = oTableLocal.fnGetNodes(); 

    for (var i = 0; i < aTrs.length; i++) { 
     if ($(aTrs[i]).hasClass('row_selected')) { 
      aReturn.push(aTrs[i]); 
     } 
    } 
    return aReturn; 
} 

Answer 1

的row_selected類沒有被定義

看到這個小提琴http://jsfiddle.net/v6VTB/3/，下面添加一個

例如CSS

.row_selected​{ 
    color:red; 
}​