2011-06-13 201 views
3

我试图显示一个锚链接,当一个div被徘徊。这工作正常,但是当我将鼠标悬停在链接本身上时,它闪烁,它应该保持不动。我尝试了锚链接定期悬停功能,没有工作......这就是我的JS:jQuery - 活的鼠标悬停事件

 
$('.div_mayKnowUser').live("mouseover", 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> 

谢谢!

+0

你应该使用Delegate,链接你的jQuery方法,而不是仅仅通过类来搜索,而是通过标签名来搜索。 – vsync 2011-06-13 21:36:14

回答

9

“鼠标悬停”=> “的mouseenter”

“鼠标移开”=> “鼠标离开”

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

编辑:关于生活和了mouseenter /鼠标离开时,似乎有一个known bug尚未修复,请参阅评论中的示例。

+0

http://jsfiddle.net/steweb/2Jy9R/我认为这是一个'活'的问题,并事件目标射击..如果你绑定他们的问题已解决(像悬停()) – stecb 2011-06-13 22:09:04

+0

伟大! +1做得好。我正在做一个小提琴。 :) – 2011-06-13 22:19:45