jQuery ile birden çok öğeyi gizleyin ve bir geri arama alın

Question

Soru oldukça basittir. JQuery ile iki veya daha fazla öğe seçersem ve örneğin, bunları gizlemek için jQuery'nin fadeOut() işlevini kullanırsam, geri arama işlevi iki kez (her öğe için) çağrılır. Sadece bir geri arama almanın bir yolu var mı?

Bu görevi gerçekleştirmek için şu anda kullandığım kod aşağıda yapıştırılmıştır.

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

Benzer bir soru

( jQuery multiple animate() callback) önce nakledilmiş, ama çözüm basit bir sorun gibi görünüyor ne için oldukça karmaşık görünüyor.

Answer 1

Sen $.when^[docs] (deferred objects) kullanabilirsiniz:

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

DEMO

Bu afaik herhangi animasyon ile çalışır.