jquery Callbacks, die mehrmals aufgerufen werden

Question

Wenn ich die Fade/Folie/animieren Funktionen in jQuery verwenden, wird der Rückruf für jedes Element, auf das der Effekt angewendet wird, mehrmals aufgerufen. Dies ist natürlich beabsichtigt. Ich möchte nur wissen, wann der letzte Callback angerufen wird.

Hier ist, was ich gefunden habe - es blendet alle Divs aus und zeigt eine Warnung() an, wenn der letzte Callback ausgelöst wird.

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

Gibt es einen einfacheren Weg, die Rückruf zu überprüfen die letzte ist, oder ist dies der einzige Weg, es zu tun?

Answer 1

, der die Warnung, wenn der fadeOut auf dem letzten Element erzeugen würde genannt wurde. Das wäre nicht unbedingt das letzte fadeOut.

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

Check it out auf JSFiddle

Answer 2

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

Answer 3

Versuchen Sie einen Blick auf the jQuery documentation for .promise()

Einnahme dieser Arbeit sollte:

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

Als usualy, auf das die jQuery-Dokumentation wirklich vage. Aber ich bin mir nicht sicher, dass ich