Ẩn nhiều phần tử với jQuery và nhận một cuộc gọi lại

Question

Câu hỏi này khá đơn giản. Nếu tôi chọn hai hoặc nhiều phần tử với jQuery và, ví dụ, sử dụng hàm fadeOut() của jQuery để ẩn chúng, hàm gọi lại được gọi hai lần (cho mỗi phần tử). Có cách nào để chỉ nhận được một cuộc gọi lại không?

Mã tôi hiện đang sử dụng để thực hiện tác vụ này được dán bên dưới.

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

Câu hỏi tương tự đã được đăng trước (jQuery multiple animate() callback), nhưng giải pháp có vẻ khá phức tạp đối với vấn đề đơn giản.

Answer 1

Bạn có thể sử dụng $.when^[docs] (deferred objects):

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

DEMO

này làm việc với bất kỳ hình ảnh động afaik.