.anone .animate回调函数

Question

我希望在.animate回调函数之后调用一个函数。我为此目的使用.done方法，但它无法正常工作。 fiddle

$(function(){
$('button').click(function(){
$('div').animate({width:'400px'},300,function(){alert(0)})
}).promise().done(function(){alert(1)})
})

Answer 1

你在按钮元素上调用了done，而不是在动画的div上调用

$('button').click(function () {
    $('div').animate({
        width: '400px'
    }, 300, function () {
        alert(0)
    }).promise().done(function () {
        alert(1)
    })
})

演示：Fiddle

Answer 2

您需要将承诺放在animate函数上。在那一刻，你有.click：

$('button').click(function(){
    $('div').animate({width:'400px'},300,function(){alert(0)})
            .promise()
            .done(function(){alert("1")});
})