使用JQUERY停止项目的悬停效果

Question

我有一些div元素，每个元素都有CSS应用的hover效果。但我并不总是想要这种悬停效果;它应该只在特定条件下激活。

现在，当条件满足时，如何使用jQuery禁用这些hover效果？禁用hover的代码是什么？我无法访问CSS文件。

Answer 1

只需使用jQuery hover代替CSS。

E.g。而不是这样的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

您可以使用jquery div将不同的类应用于相关的.hover()。在mousein上，应用类并在mouseout上删除它。