jquery - jQuery动画“完成”回调的正确语法

Question

当 jQuery 动画完成时，我必须使用回调函数。我一直是这样的：

.animate({ properties }, duration, function() { /* callback */ });

但是，当在这里提出问题时，有人提出了一个具有不同语法的解决方案。

$('#redirectNoticeContainer').animate({ properties }, { queue: false, duration: 123 });

我应该把回调函数放在哪里？这是我的猜测，但它不起作用。

$('#redirectNoticeContainer').animate({ properties }, { queue: false, duration: 123 }, function () {
console.log("ok");
setTimeout(function () { window.location.replace("/Account/Login"); }, 1200);
});

动画作品。回调没有。我应该把它放在哪里？

Answer 1

这种形式animate()需要一个complete选项：

$("#redirectNoticeContainer").animate({
    // properties...
}, {
    queue: false,
    duration: 123,
    complete: function() {
        console.log("ok");
        setTimeout(function() {
            window.location.replace("/Account/Login");
        }, 1200);
    }
});

Answer 2

从 jquery 1.6 开始，您也可以使用“promises”

$('.play-button').animate({ opacity: 0 }).promise().done(function ()
{
     $('.video').addClass('playing');
});

另请参阅如何让 jQuery 等到效果完成？