您好我有以下问题我有12个图像，在悬停时，每个图像上都会播放动画链，具体取决于鼠标输入的内容。我希望每个动画一个接一个地执行，但是当我快速悬停在图像上或者即使动画没有完成时，动画也无法按预期工作。我一直在试图弄明白但是没有运气。在mouseleave事件中，我没有为了调试目的而制作链动画，但是我需要将它链接起来。在此处查看问题的实时演示：http://www.evented.gr/evd2/main.php（4x3 = 12张图片）。
以下是代码：
$('#upcoming-events .upcoming-event').mouseenter(function(){
$(this.parentNode).find('div.ue-category').stop(true,true).animate({height:'0px',queue:false},100,function(){
$(this.parentNode.parentNode).animate({backgroundColor:'#a00000',queue:false},250,function(){
$(this.parentNode).find('div.slider').animate({height:'221px',queue:false},250,function(){
$(this.parentNode).find('div.ue-corner').animate({width:'58px',queue:false},100,function(){
});
});
});
});
});
$('#upcoming-events .upcoming-event').mouseleave(function(){
$(this.parentNode).find('div.slider').animate({height:'50px',queue:false},250);
$(this).animate({backgroundColor:'#fff',queue:false},250);
$(this.parentNode).find('div.ue-category').animate({height:'20px',queue:false},100);
$(this).find('div.ue-corner').animate({width:'0px',queue:false},100);
});