javascript - 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

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

描述

为匹配的元素绑定(bind)两个处理程序，当鼠标指针进入和离开元素时执行。

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

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

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

调用 $(selector).hover(handlerIn, handlerOut) 是以下内容的简写:

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

有关更多详细信息，请参阅有关 .mouseenter() 和 .mouseleave() 的讨论。