Стоп Hover эффект элемента, используя JQUERY

Question

У меня есть несколько div элементов, и у каждого из них есть эффект hover, применяемый CSS.Но я не всегда хочу этот эффект парения;он должен активироваться только при определенных условиях.

Теперь, как я могу отключить эти hover эффекты, используя jQuery, когда мои условия выполнены?Какой код для отключения hover?У меня нет доступа к файлам CSS.

Answer 1

Просто используйте jQuery hover вместо CSS.

например. вместо такого CSS:

#Div1:hover { background-color: yellow; }

Иметь этот JQuery:

$("#Div1").hover(function() {
    $(this).css("background-color", "yellow");
}, function() {
    $(this).css("background-color", "");
});

Тот же эффект, и вы управляете кодом JS и можете иметь условия.
Тестовый пример: http://jsfiddle.net/THXuc/

Answer 2

Вы можете сделать это, используя

<script>
$("someDiv").hover(function(event) {
//apply some conditions if yes
  event.preventDefault();
else
return true;
});
</script>

Надеюсь, это будет работать для вас ....

Спасибо

Answer 3

Вы можете применить другой класс к div (s), о котором идет речь, используя jquery .hover(). На mousein, примените класс и на mouseout, удалите его.