Come ottenere jQuery per attendere fino al termine di un effetto?

Question

Sono sicuro di aver letto di questo l'altro giorno ma non riesco a trovarlo da nessuna parte.
Ho un evento fadeOut() dopo di che posso rimuovere l'elemento, ma jQuery è la rimozione dell'elemento prima che abbia la possibilità di terminare la dissolvenza in chiusura.
Come posso ottenere jQuery per attendere che l'elemento si era sbiadito, poi rimuoverlo?

Answer 1

È possibile specificare una funzione di callback:

$(selector).fadeOut('slow', function() { 
    // will be called when the element finishes fading out 
    // if selector matches multiple elements it will be called once for each 
}); 

Documentation here.

Answer 2

se è qualcosa che si desidera cambiare, sbiadire uno e sbiadire un altro nello stesso punto, è possibile posizionare un attributo {position: absolute} sulle div, in modo che entrambe le animazioni si giochino l'una sull'altra e non devi aspettare che un'animazione finisca prima di iniziare il prossimo.

Answer 3

Con jQuery 1.6 versione è possibile utilizzare il metodo .promise().

$(selector).fadeOut('slow'); 
$(selector).promise().done(function(){ 
    // will be called when all the animations on the queue finish 
}); 

Answer 4

È possibile anche utilizzare $.when() aspettare fino alla promise finito:

var myEvent = function() { 
    $(selector).fadeOut('fast'); 
}; 
$.when(myEvent()).done(function() { 
    console.log('Task finished.'); 
}); 

Nel caso in cui si sta facendo una richiesta che potrebbe pure fallire, allora si può anche fare un passo avanti:

$.when(myEvent()) 
    .done(function(d) { 
     console.log(d, 'Task done.'); 
    }) 
    .fail(function(err) { 
     console.log(err, 'Task failed.'); 
    }) 
    // Runs always 
    .then(function(data, textStatus, jqXHR) { 
     console.log(jqXHR.status, textStatus, 'Status 200/"OK"?'); 
    });