funzione jquery su toggleClass completata?

Question

Come posso eseguire una funzione una volta completato un toggleClass? Ho provato quanto segue ma senza fortuna:

$("#loader").toggleClass('fadeOut', function() { 
    alert('a'); 
}); 

Answer 1

Il jQuery ha metodo di promessa che restituisce un oggetto differita che è possibile accedere utilizzando .promise(). Questo oggetto promessa verrà risolto dopo che tutte le animazioni in esecuzione sugli elementi selezionati sono state completate. A quel punto, puoi legare al metodo fatto.

$("#loader").toggleClass('fadeOut',600).promise().done(function(){ 
    alert('a'); 
}); 

http://jsfiddle.net/skram/4x76J/

Answer 2

toggleClass viene eseguito immediatamente e in modo da non avere bisogno di un callback per toggleClass, è sufficiente posizionare il alert('a') nella riga successiva che si avverte dopo toggleClass viene eseguito.

Edit: Sembra che si desidera jQuery UI Effetti - toggleClass che purtroppo non dispone di una funzione di callback.

Probabilmente dovresti scrivere la tua funzione di commutazione. Vedi sotto per fadeIn/fadeOut ginocchiera,

var $loader = $("#loader"); 
if ($loader.is(':visible')) { 
    $loader.fadeOut(100, function() { 
     alert('fade out complete'); 
    }); 
} else { 
    $loader.fadeIn(100, function() { 
     alert('fadeIn complete'); 
    }); 
} 

Answer 3

$("#loader").stop().fadeTo(400,0, function() { 
     $(this).toggleClass('fadeOut').hide(); // exec after is faded out. 
     alert(' ta-da!'); 
    }); 

Answer 4

ho usato un altro metodo per affrontare questo problema. In questo esempio ho combinato .delay() funzione e .queue()

$(this).toggleClass("focus_out").delay(500).queue(function(custom_call_back) { 
    $(this).removeClass('focus_out'); 
    custom_call_back(); 
}); 

Nella tua situazione $(this) potrebbe essere $('#loader')

jQuery: .delay();queue();