1

您好，我有以下问题，我有 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);

});
4

0 回答 0