jquery function on toggleClass complete?

Question

¿Cómo puedo hacer una función una vez que se ha completado toggleClass? He intentado lo siguiente, pero sin suerte:

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

Answer 1

El método jQuery tiene promesa de que devuelve un objeto diferido que se puede acceder utilizando .promise(). Este objeto prometedor se resolverá después de que se completen todas las animaciones en ejecución en los elementos seleccionados. En ese punto, puedes enlazar a su método hecho.

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

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

Answer 2

toggleClass se ejecuta inmediatamente y por lo que no necesita una llamada de retorno para toggleClass, basta con colocar el alert('a') en la línea siguiente que alertará después de la ejecución toggleClass.

Editar: Parece que quiere jQuery UI Effects - toggleClass que lamentablemente no tiene una función de devolución de llamada.

Probablemente deba escribir su propia función de alternar. Véase más abajo para fadeIn/fadeOut palanca,

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

que utiliza otro método para hacer frente a este problema. En este ejemplo he combinado .delay() función y .queue()

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

En su situación $(this) podría ser $('#loader')

jQuery: .delay();queue();