jquery - 如果 div 已经淡出，则 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/