javascript - 用jQuery隐藏多个元素并获得一个回调

Question

这个问题很简单。如果我使用 jQuery 选择两个或多个元素，例如，使用 jQuery 的 fadeOut() 函数隐藏它们，回调函数将被调用两次(对于每个元素)。有没有办法只接收一个回调？

下面粘贴了我当前用于执行此任务的代码。

$('#element-1, #element-2').fadeOut( 250, function() { /* Callback invoked twice. */ });

类似的问题之前已经发布(jQuery multiple animate() callback)，但是对于看似简单的问题，解决方案似乎相当复杂。

Answer 1

您可以使用 $.when ^[docs] ( deferred objects ):

$.when($('#element-1, #element-2').fadeOut(250)).then(function() {
    // do something
});

DEMO

这适用于任何动画 afaik。