javascript - 在 jQuery 动画中只执行一次完整的函数？

Question

我正在尝试为某些文本的字体大小设置动画:

$("p").delay(500).animate({
    "font-size": "+=50"
}, 1000, function() {
    alert("Done");
})​;

Here's a demo.

我想在为 <p> 设置动画后做点什么s，在示例中为 alert , 但它令人惊讶地为每个 <p> 运行它，这不是我想要的。有没有可能让它只运行一次还是不可能？

Answer 1

请注意，您还可以使用 promise object :

Return a Promise object to observe when all actions of a certain type bound to the collection, queued or not, have finished.

第一个例子(demo):

$("p").delay(500).animate({
    "font-size": "+=50"
}, 1000).promise().done(function(){
    alert("done");
});​

第二个例子(demo):

$.when($("p").delay(500).animate({
    "font-size": "+=50"
}, 1000)).done(function(){
    alert("done");
});​