jquery - 新的 jQuery API 允许在链接期间进行同步操作？

Question

除非我弄错了，从 jQuery 1.5 开始，您可以以某种方式进行链接并插入命令以使其等待上一个操作完成。换句话说，而不是这个:

$('#something').animate({opacity: 0}, 500, function() { $('#something').hide(); });

你可以这样做:

$('#something').animate({opacity: 0}, 500).waitForIt().hide();

当然我可能是错的。我知道有delay()和animate()的“队列”选项，但我认为这些仅适用于可排队的FX，而不是像显示/隐藏这样的一次性操作。

Answer 1

您在哪里找到提到该功能的？据我所知，即使是 jQuery 1.5 的 deferred objects不能轻易地与 animate() 一起使用.

幸运的是，Dan Heberden 写道 some very nice code这使得语法更清晰。使用他的解决方案，您可以编写如下内容:

var $something = your$('#something');
$.when($something.animate({opacity: 0}, 500)).done(function() {
    $something.hide();
});

当然，这比一开始就简单地向 animate() 传递回调要详细得多。

编辑: jQuery 1.6现在本地实现了该功能。你实际上可以这样做:

var $something = $('#something');
$.when($something.animate({opacity: 0}, 500)).done(function() {
    $something.hide();
});

这对于简单的动画来说仍然有些过分，但如果您已经在使用延迟对象并且想要将动画合并到 AJAX 请求流中，则非常有用。