2012-02-25 1 views
8

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

Возможно, я просто устал, но некоторые советы будут оценены.

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

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

ответ

13

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

+0

Спасибо. Попробуй сегодня вечером и отчитайся. – Gregg

+1

Это работает как шарм. Кстати, в моем личном случае (выделите последнюю строку после вставки) мое решение было: '$ ('# table tr: last'). Find ('td'). Effect ('highlight', {color: ' # 4BADF5 '}, 2000); – Eagle

2

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

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

(это предполагает, что клетки не имеют типа «й "в строке, но это может быть легко добавлено, если требуется)