devoluciones de llamada jquery siendo llamados varias veces

Question

Cuando utilizo el fundido/slide/animar funciones en jQuery la devolución de llamada se vuelve a llamar varias veces para cada elemento el efecto se aplica a. Esto es por diseño, por supuesto. Solo quiero saber cuándo se llama la última devolución de llamada.

Esto es lo que ocurrió con- se desvanece toda la divs y muestra una alerta() cuando se dispara la última devolución de llamada.

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

¿Hay una manera más sencilla para comprobar qué devolución de llamada es el último o se trata de la única manera de hacerlo?

Answer 1

Eso produciría la alerta cuando se llama al fadeOut en el último elemento. Eso no sería necesariamente el último fadeOut.

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

Compruébelo usted mismo en JSFiddle

Answer 2

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

Answer 3

Trate de tomar un vistazo a the jQuery documentation for .promise()

Esto debería funcionar:

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

Como usualy, la documentación de jQuery en este es muy vaga. Pero no estoy seguro de que podría hacer