2011-01-07 7 views
3

호프 사람들은 괜찮을 것입니다. 여기 내 기본 코드입니다 : 우리가 ID = "용기"와 DIV에 마우스를 가져 가면Jquery Hover 깜박임 문제

이 데모에서 http://jsfiddle.net/kr9pY/7/

당신이 볼 수있는, 클래스 사업부 = "탐색"페이드 그러나 문제가 있다는 것입니다 후. div = "nav"로 div에 마우스를 가져 가면 div가 페이드 아웃되고 다시 움직이며, .nav div 내에서 커서가 약간 이동하면이 동작이 반복적으로 반복됩니다. 이 div 내에서 .nav div 또는 mover 커서를 가리키면이 동작을 원하지 않습니다.

감사합니다. 나쁜 영어로 죄송합니다.

답변

8

는 나뿐만 아니라 마우스가 호출되는 떠날 중지 이는 컨테이너 div 추가 마크 업을 변경

$(document).ready(function(){ 

    $("#containerNav").hover(
    function() { $('.nav').stop(true, true).fadeIn(); }, 
    function() { $('.nav').stop(true, true).fadeOut(); } 
    ); 
    }); 

http://api.jquery.com/stop/

에서 촬영하십시오.

이제 컨트롤 위로 마우스를 가져 가면 깜박임을 유발하는 마우스를 놓지 않습니다.

http://jsfiddle.net/kr9pY/9/

+0

빠른 답장을 보내 주셔서 감사합니다,하지만 불행히도 이것은 또한 작동하지 않습니다. 이 변경으로 인한 영향은 없습니다. –

+1

이상한 ... 내가 정말로 "깜박"하는 유일한 시간은 내 마우스가 div 요소 위에 마우스를 올려 놓는 순간 바로 div에서 mouseleave를하고 있기 때문에 나타나는 요소 위에 마우스가있을 때입니다. 방금 div 아래에 nav 요소를 배치하는 내 대답을 편집하고 나는 깜박 거리지 않는 것 같습니다. – Loktar

+0

+1 편집중인 div 아이디어를 포함하여 게시하려고했습니다. –