別のアニメーションを開始する前に1つのアニメーションが終了するまで待ちます

Question

フッターにマウスのアニメーションが表示され、マウスをそのまま放置するとアニメーションが停止します。要素がもはや使用されていなくても繰り返し実行されます。

マウスを離してからマウスが離れるのを確認するには、どうすればいいですか？

デビッド

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


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

}); 
}); 

Answer 1

任意の助けのための多くのthanskは、あなたのanimate機能にstop()を追加してみてください。選択した要素の現在実行中のアニメーションを停止します。

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

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