javascript - animate() 完成后更改属性

Question

我正在尝试获取文本“嘿，我是马特。”并将其从页面上反弹，然后将其更改为“Matt lastName”(一旦不可见)，然后在更改后反弹回不同的位置。

jQuery

$('#about').click(function() {
    $('a#name').animate({'left' : '52%'});
    $('a#name').animate({'left' : '-53%'});
    /*$('a#name').animate({'text' : 'Matt lastName'}); -- doesnt work */
    $('a#name').animate({'top': '60px' });
    $('a#name').animate({'left' : '20px'});
    $('a#name').animate({'left' : '-=10px'});

     });

如果我使用 ("a#name").css("text","Matt lastName");当我点击时，文本就会改变。有没有办法让 .cc 在运行之前等待之前的动画调用完成？

Answer 1

您好，如果您需要知道 .animate 何时完成使用此语法

$('a#name').animate({'left' : '52%'}, function() {
// Animation complete.
});

或者如果您想设置持续时间

$('a#name').animate({'left' : '52%'}, duration, function() {
// Animation complete.
});