Эффект выделения jQuery в строке таблицы, стилизованный с помощью Bootstrap

Используя Bootstrap 2.0, я создал таблицу, используя .table-striped. Я обновляю строки данных через ajax, и когда обновление завершено, я хочу выделить строку, которая работает со строками, у которых нет цвета фона. Таким образом, четные строки выделяются, а нечетные - нет. Я не уверен, почему это так.

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

Я использую следующий код, чтобы вызвать выделение:

$("#row_" + id).effect("highlight", {}, 1500);

person Gregg    schedule 25.02.2012    source источник


Ответы (2)


Запускайте эффект не на строку, а на ячейки внутри строки. Подсвечиваются все строки, как четные, так и нечетные. Меняющийся цвет фона нечетных строк просто скрывается, потому что цвет ячеек таблицы находится сверху.

person Quasipickle    schedule 28.02.2012
comment
Спасибо. Попробую это сегодня вечером и отчитаюсь. - person Gregg; 29.02.2012
comment
Работает как часы. Кстати, в моем личном случае (выделите последнюю строку после ее вставки) мое решение было: $('#table tr:last').find('td').effect('highlight', {color: '#4BADF5'}, 2000); - person Eagle; 31.10.2013

Просто чтобы добавить к ответу Пикла, что каждая ячейка в строке выше цвета строки, вместо этого см. приведенный ниже код для выделения каждой ячейки:

$("#row_" + id +" td").effect("highlight", {}, 1500);

(это предполагает, что в строке нет ячеек типа «th», но при необходимости их можно легко добавить)

person Tim Head    schedule 24.10.2012