如果它已经逐渐淡出，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/