当不再悬停在fadeIn元素上时，如何保持元素可见？

Question

我有一个图像元素，当它实际位于父元素div之下时，它看起来就像它在父元素fadeIn内部。当光标悬停在它上面时，我正在使用JQuery来{{1}}图像元素，当光标移开时我正在淡出淡出。但当我试图将鼠标悬停在现在可见的图像元素上时，它会消失。目前，在父div中移动图像元素不是一种选择。

Heres the JSFiddle证明了这个问题

当我将光标指向图像元素可见时，如何防止它淡出？

Answer 1

将链接添加到.hover()选择器：

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

之后，您需要使用.stop()来阻止排队：

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

然后在快速悬停div时会遇到错误，因为fadeIn()仅在隐藏元素时触发，因此请使用fadeTo：

$('.container, .link').hover( function (){
    $('.link').stop().fadeTo('slow', 1);
}, function(){
    $('.link').stop().fadeTo('slow', 0);
});

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