fadeIn 요소에서 더 이상 마우스를 가져 가지 않으면 요소를 계속 표시 할 수 있습니까?

Question

사실 내/외부에있을 때 이미지가 부모 div 안에있는 것처럼 보입니다. 나는 현재 커서가 움직일 때 이미지 요소 인 fadeIn에 JQuery를 사용하고 커서가 사라지면 fadeout을 사용한다. 그러나 현재 보이는 이미지 요소 위로 마우스를 가져 가면 사라집니다. 현재 div에서 이미지 요소를 이동하는 것은 옵션이 아닙니다.

Heres the JSFiddle

이

내가 그것을가 표시되었을 때이 이미지 요소에 커서를 가리킬 때 페이드 아웃에서 어떻게 방지 할 수 문제를 보여?

Answer 1

.hover() 선택에 링크를 추가

$('.container, .link').hover(function(){ 
    $('.link').stop().fadeIn(); 
}, function(){ 
    $('.link').stop().fadeOut(); 
}); 

이 그럼 당신은 때 빨리 버그를해야합니다 : 그 후

$('.container, .link').hover(...); 

, 당신은 대기를 방지하기 위해 .stop()를 사용해야합니다

: 요소가 너무 fadeTo를 사용 숨겨져 때 div fadeIn() 때문에 단지 시저를 -hovering

http://jsfiddle.net/ST7jp/4/