动画只在第一次工作

animation only works the first time

本文关键字：工作 第一次 动画      更新时间：2023-09-26

我有一个相当简单的jquery动画在一个绝对定位的div，但它只工作的第一次函数被调用。

var originalPixels = '80px',
    right:80px,
    newPixels = '50px',                                                                |     
    className = 'dangerous-attack-home';
$('.inner-animation-container').addClass(className);
$('.' + className).animate({
    opacity: 1
}, 1000, function(){
    $('.' + className).animate({
        right: newPixels
    }, 1000, function(){
        $('.' + className).animate({
            opacity: 0
        }, 1000, function(){
            $('.' + className).attr('right', originalPixels);
            $('.inner-animation-container').removeClass(className);
        });
    });
});

如有任何想法，不胜感激

C

实际上，它工作得很好。

注意类名和变量

var originalPixels = '80px',
right = '80px',
newPixels = '50px',                                                                   
className = 'dangerous-attack-home';
$('.inner-animation-container').addClass(className);
$('.' + className).animate({
    opacity: 1
}, 1000, function(){
    $('.' + className).animate({
        right: newPixels
    }, 1000, function(){
        $('.' + className).animate({
            opacity: 0
        }, 1000, function(){
            $('.' + className).attr('right', originalPixels);
            $('.inner-animation-container').removeClass(className);
        });
    });
});

感谢您的输入。问题实际上是事件没有触发，而不是动画的问题。

相关文章：