jQuery .hover问题

Question

我试图在用户将鼠标悬停在链接上时删除一个类。

这是HTML：

<a href="#" id="menu_fonctionalites">Fonctionalites</a>


<div id="commercial_dd_total_FONCTIONALITES" class="menu_hidden">
<a class="commercial_dd_bg">Item One</a>
</div>

JS：

<script type="javascript">  
$(document).ready(function(){
$("#menu_fonctionalites").hover(
function () {
$("#commercial_dd_total_FONCTIONALITES").removeClass("menu_hidden");
}
);  
}); 
</script>

这不起作用......关于我做错了什么的任何想法？

Answer 1

如果您只是尝试切换可见性，您可能只需添加div样式的普通类，并使用jQuery hide（）/ show（）方法切换它。

Answer 2

http://jsfiddle.net/tuFru/1它似乎在这里工作。您可以包含CSS并描述哪些不适合您。我更新了它以利用下面定义的悬停的第二个参数：

描述

将两个处理程序绑定到匹配的元素，当鼠标指针进入并离开元素时执行。

version added: 1.0.
hover( handlerIn(eventObject), handlerOut(eventObject) )

handlerIn（eventObject）鼠标指针进入元素时执行的函数。 handlerOut（eventObject）当鼠标指针离开元素时执行的函数。

.hover（）方法为mouseenter和mouseleave事件绑定处理程序。我们可以使用它在鼠标位于元素中时简单地将行为应用于元素。

调用$（selector）.hover（handlerIn，handlerOut）是：

的简写

$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

有关详细信息，请参阅.mouseenter（）和.mouseleave（）的讨论。