gọi lại jquery được gọi nhiều lần

Question

Khi tôi sử dụng chức năng fade/slide/animate trong jQuery gọi lại được gọi nhiều lần cho mỗi phần tử mà hiệu ứng được áp dụng cho. Điều này là do thiết kế của khóa học. Tôi chỉ muốn biết khi nào cuộc gọi lại cuối cùng được gọi.

Dưới đây là những gì tôi đưa ra - nó mờ dần tất cả các div và hiển thị cảnh báo() khi cuộc gọi lại cuối cùng được kích hoạt.

$("div").fadeOut(1000, function() 
{ 
    if ($("div").index($(this)) == $("div").length-1) 
      alert("this is the final callback"); 
}); 

Có cách nào đơn giản hơn để kiểm tra xem cuộc gọi lại là cuộc gọi cuối cùng hay đây là cách duy nhất để thực hiện?

Answer 1

Điều đó sẽ tạo cảnh báo khi fadeOut trên phần tử cuối cùng được gọi. Điều đó sẽ không nhất thiết phải là fadeOut cuối cùng.

var numDivs = $('div').length; 
$('div').fadeOut(1000, function() { 
    if(--numDivs > 0) return; 
    alert('this is the final fadeout to complete'); 
}); 

Check it out trên JSFiddle

Answer 2

$("div:not(:last)").fadeOut(1000); 
$("div:last").fadeOut(1000, function() { 
    alert("Hey!"); 
}); 

Answer 3

Hãy thử dùng một cái nhìn tại the jQuery documentation for .promise()

này nên làm việc:

$('div').fadeOut(1000).promise().done(function() { 
    alert('all done'); 
}); 

Như thường là, các tài liệu hướng dẫn jQuery về vấn đề này thực sự là mơ hồ. Nhưng tôi không chắc mình có thể làm