等待一个动画完成之前开始另一个

Question

我有一个footer mouseenter动画，还有一个鼠标离开动画，只是滑动它abit，问题是如果你鼠标进入然后mouseleave多次快速动画que和即使元素不再被使用，也会反复运行。

我该如何等待鼠标在运行之前运行，然后才能识别鼠标请求。

许多thansk任何帮助

大卫

$(document).ready(function() { 
$("footer").mouseenter(function() { 
    $("footer").animate({ bottom: '+=62px' }, 500); 
}); 


$("footer").mouseleave(function() { 
    $("footer").animate({ bottom: '-=62px' }, 500); 

}); 
}); 

Answer 1

尝试增加stop()您animate功能。它会停止所选元素上当前正在运行的动画。

$("footer").mouseenter(function() { 
    $("footer").stop().animate({ bottom: '+=62px' }, 500); 
}); 

$("footer").mouseleave(function() { 
    $("footer").stop().animate({ bottom: '-=62px' }, 500); 
});