JQuery 使 div 淡入(如果它已经淡出)

Question

$('#slider').hover(function()
{
    $('#LayerHover').fadeTo(400, 0.4);
}, function()
{
    $('#LayerHover').fadeOut(400);
});

这个功能就像你期望代码一样工作，但是当你将鼠标悬停在它上面并快速进出等时，淡入淡出会出现错误，因为它仍在完成之前的淡入/淡出调用。如何取消“旧通话”？

Answer 1

您可以使用.stop()取消排队的动画。例如:

$('#slider').hover(function(){
    $('#LayerHover').stop(true,true).fadeTo(400, 0.4);
}, function(){
    $('#LayerHover').stop(true,true).fadeOut(400);
});

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