Не удается найти строку gridview со скином jQuery

Question

Мой скрипт jQuery не работает, когда к моему сеточному изображению применен скин Как только я добавляю в скин, я больше не могу найти tr. Я предполагаю, что это как-то связано с тем, как конструируется tr. Без кожи ряд чистый

    <tr>data</tr>. 

Но со скином строка теперь

<tr style=....>data</tr>

Вот мой jQuery, который работает, когда у меня нет обложки, примененной к gv.

 $(document).ready(function () {
        $('tr').mouseover(function () {
            $(this).toggleClass('highlightrow');
                }).mouseout(function() {
                    $(this).removeClass('highlightrow');
                })
    });

Answer 1

Строки найдены просто отлично, проблема в том, что у них есть "жестко закодированный" цвет фона в style, поэтому цвет фона в class не имеет никакого эффекта.чтобы сохранить предыдущий цвет, затем непосредственно установите цвет фона в mouseover и восстановите предыдущий цвет (чтобы сохранить обложку) в событии отсутствия мыши.

Код будет выглядеть следующим образом:

$(document).ready(function () {
    $('tr').mouseover(function () {
        $(this).data("prev_color", $(this).css("background-color"));
        $(this).toggleClass('highlightrow').css("background-color", "yellow");
    }).mouseout(function() {
        $(this).removeClass('highlightrow').css("background-color", $(this).data("prev_color"));
    });
});

Тестовый пример: http://jsfiddle.net/yahavbr/awEaP/1/

Answer 2

Бьюсь об заклад, это связано с тем, что style имеет более высокий приоритет, чем ваш css.Как определяется ваш highlightrow?Например, если вы укажете background-color здесь, а также в tr style, оно будет проигнорировано.

Возможно, добавление предложения !important может помочь:

.highlightrow
{
    background-color: Red !important;
}