Невозможно выделить строку данных

Question

В приведенном ниже примере подсветка работает с отдельными рядами. В моем коде я вижу, что выбор отдельной строки работает, однако фактическая подсветка не работает.

Я использую Twitter Bootstrap 3 + Datatables.

http://datatables.net/release-datatables/examples/api/select_single_row.html

Любая помощь будет оценена. Я следовал примеру, как есть, и я думаю, что, возможно, я не правильно настроил таблицу в своем init или Bootstrap, не совсем нравится подсветка.

var oTable; 

    $(document).ready(function() { 

     /* Add a click handler to the rows - this could be used as a callback */ 
     $("#pTable tbody tr").click(function(e) { 
      if ($(this).hasClass('row_selected')) { 
       $(this).removeClass('row_selected'); 
      } 
      else { 
       oTable.$('tr.row_selected').removeClass('row_selected'); 
       $(this).addClass('row_selected'); 
      } 
     }); 

     /* Add a click handler for the delete row */ 
     $('#deletePButton').click(function() { 
      var anSelected = fnGetSelected(oTable); 
      if (anSelected.length !== 0) { 
       oTable.fnDeleteRow(anSelected[0]); 
      } 
     }); 

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


     /* Get the rows which are currently selected */ 
     function fnGetSelected(oTableLocal) 
     { 
      return oTableLocal.$('tr.row_selected'); 
     } 
    }); 

Так который кнопка удаление на которую ссылаются в коде работает, если выбрать строку и удалить строку. Просто подсветка не работает!

Answer 1

Является ли ваш идентификатор таблицы «#pTable»? Вы пытались добавить к этому методу блокировку debbug, чтобы убедиться, что селектор работает?

На начальной загрузке в строке поставьте отметку вы должны использовать один из этих классов

Class Description 
.active  Applies the hover color to a particular row or cell 
.success Indicates a successful or positive action 
.warning Indicates a warning that might need attention 
.danger  Indicates a dangerous or potentially negative action 

Bootstrap 3 Tables