jQuery - 实时鼠标悬停事件答案

【问题标题】：jQuery - live mouseover eventjQuery - 实时鼠标悬停事件
【发布时间】：2011-06-13 21:30:54
【问题描述】：

我试图在 div 悬停时显示锚链接。这工作正常，但是当我将鼠标悬停在链接本身上时，它会闪烁，当它应该停留时。我在锚链接上尝试了一个常规的悬停功能，但没有用……这是我的 js：

$('.div_mayKnowUser').live("鼠标悬停", function(){ $(this).find('.a_ignoreUser').fadeIn(); }); $('.div_mayKnowUser').live("mouseout", function(){ $(this).find('.a_ignoreUser').fadeOut(); });

还有我的 HTML：

<div class="div_mayKnowUser">
    <a href="" class="a_ignoreUser">a link</a>
</div>

谢谢！

【问题讨论】：

您应该使用 Delegate，链接您的 jQuery 方法，并且不仅可以按类搜索，还可以按标签名称搜索。

标签： javascript jquery javascript-events

【解决方案1】：

"mouseover" => "mouseenter"

"mouseout" => "mouseleave"

值得一读 => http://www.quirksmode.org/js/events_mouse.html

编辑：关于 live 和 mouseenter/mouseleave，似乎有一个 known bug 尚未修复，请参阅 cmets 上的示例。

【讨论】：

jsfiddle.net/steweb/2Jy9R 我认为这是'live'的问题，并且事件目标触发..如果你绑定它们问题就解决了（比如悬停（））