2011-10-17 3 views
1

У меня есть таблица и стиль, как это:Удалить стиль наведения?

.highlightrows tbody tr:hover { 
    background-color: #aaaaff; 
} 

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

Редактировать: Я создал jsFiddle, чтобы описать свою проблему. fiddle

+0

вы можете показать ваш код может что полезно – sandeep

+0

См правок ... –

+0

@ErikZ, я до сих пор не сделал получите вашу проблему .... :( – Reigel

ответ

0

Ха, это, кажется, ошибка в браузере, поскольку вы больше не зависали над элементом.

Во всяком случае, вы можете попробовать

$(this).css("background-color", "transparent"); 

Или в противном случае установить его в цвет по умолчанию, после вы переместите его.

: hover не является стилем, и AFAIK вы не можете удалить его из элемента - только браузер может это сделать. Единственное, что вы можете сделать, это заставить стиль по умолчанию для фактического элемента

+0

[jsfiddle] (http://jsfiddle.net/cqyDr/) – scessor

+0

Это не ошибка с браузером, а с кодом. В другой таблице не должно быть класса 'hightlightrows'. – apnerve

+0

Да это sholud. Я хочу увеличить строки в обеих таблицах, но только тогда, когда я на них курю. Проблема заключается в том, что когда im нависает над строкой и перемещает ее, эффект зависания не снимается. –

1

у вас есть две таблицы ... почему бы не сделать так?

#table1.highlightrows tbody tr:hover { 
    background-color: #aaaaff; 
} 

#table2.highlightrows tbody tr:hover { 
    background: none; 
} 
+0

Лучшее решение. Но вместо добавления отдельного «id» для таблицы просто измените «класс» новой таблицы. Таблица, в которой применяется класс .hightlightrows, который не затягивает строки, звучит неправильно. – apnerve

+1

@apnerve да! Хорошая точка ... а также, почему OP имеет «подсветки» на второй таблице ...: D – Reigel

+0

Хммм .... Я хочу, чтобы парящий эффект был на обеих столах, но, конечно, только когда я нависаю над ряд. –

0

Я просто столкнулся с этой проблемой.

У меня был стиль зависания в моем CSS и во время запуска java-скрипта мне не хотелось: зависание будет действовать. Я не смог найти способ удалить класс, поэтому решил переписать класс, добавив новый класс с моими новыми атрибутами в голову.

CSS

.myStyle:hover { 
    display: block; background: #efefef; 
} 

JavaScript

$("head").append(" 
    <style type='text/css'> 
     .myStyle:hover { display: none; background: #ff0000; } 
    </style>); 

надежда, что помогает

Смежные вопросы