Question

我在绝对定位的div上有一个相当简单的jquery动画，但它只在第一次调用函数时工作。以后任何时候都没有发生。

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

Answer 1

实际上，它运作良好。

仔细观察类名和变量。

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);
        });
    });
});

DEMO

Answer 2

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

动画只在第一次有效

2 个答案: