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

Question

我有一些

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

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

- thecodeparadox

Answer 1

只需使用jQuery hover，而不是CSS中的hover。

例如，使用以下代码替换CSS：

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

这是需要翻译的内容：

Have this jQuery:

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

同样的效果，你可以控制JS代码并添加条件。
实时测试案例：http://jsfiddle.net/THXuc/

- Shadow Wizard Chasing Stars

---

谢谢，伙计。但我没有访问CSS文件的权限。 - thecodeparadox

@abdullah，你不需要访问CSS文件，.css()会将任何写入的内容附加到你的CSS中。 - ianace

是的，就像Ian所说的那样 - CSS文件与jQuery无关。 :) - Shadow The Spring Wizard

Answer 2

您可以通过使用以下方法来实现此目的：

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

希望这对你有用...谢谢。

- Shakeeb Ahmed

Answer 3

你可以使用jQuery的.hover()方法，为相关的

元素应用不同的class。当鼠标移入时，应用该class；当鼠标移出时，移除该class。

- kaveman