2011-06-13 6 views
3

div가 올려 졌을 때 앵커 링크를 표시하려고합니다. 이것은 정상적으로 작동하지만 링크 자체 위에 마우스를 올리면 깜박입니다. 그냥 머물러 있어야합니다.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> 

덕분에 내가 앵커 링크를 정기적으로 가져가 기능을 시도하고 작동하지 않았다 ...이 내 JS입니다!

+0

위임을 사용하고 jQuery 메서드를 체인화하고 클래스별로 검색하지 말고 태그 이름으로 검색해야합니다. – vsync

답변

9

"마우스 오버"=> "mouseenter"

"로 마우스를"=> "하는 MouseLeave"

가치가 읽기 =>http://www.quirksmode.org/js/events_mouse.html

편집 : 라이브 mouseenter /하는 MouseLeave에 대해 그것을 known bug이 수정되지 않은 것 같습니다. 주석의 예를 참조하십시오.

+0

http://jsfiddle.net/steweb/2Jy9R/ '라이브'및 이벤트 타겟 발사에 문제가 있다고 생각합니다. 문제가 해결되면 (예 : 호버()와 같은) – stecb

+0

위젯을 바인딩하면 좋습니다. +1 잘 했어. 나는 바이올린을 만드는 것이 옳았다. :) –