Este es mi código:
$("#form_editor").addClass('abcd') $("#form_editor").delay(32000).removeClass('abcd') La clase nunca se aplica si tengo la segunda línea sin comentar . Si lo comento, entonces la clase se aplica como se esperaba. Parece que la segunda línea se ejecuta sin ningún retraso, es decir, ignora .delay(32000) .
¿El retraso funciona con addClass y removeClass ? Supuse que retrasaría la llamada a cualquier función que viniera después, pero aparentemente no, ya que parece ejecutarse de inmediato.
Puedes, pero necesitas ponerte en queue()
$("#form_editor").addClass('abcd').delay(3200).queue(function() { $(this).removeClass('abcd'); }); .abcd:before{ content:"abcd"; background:red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="form_editor">efgh....</div>setTimeout : var $formEditor = $("#form_editor"); // we plan to reuse it so let's cache it! $formEditor.addClass('abcd'); // add setTimeout(function(){ $formEditor.removeClass('abcd'); // remove }, 3200); .abcd:before{ content:"abcd"; background:red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="form_editor">efgh....</div>Las animaciones jQuery (.animate, .fadeTo, fadeIn, etc...) se agregan a la pila de la cola de animación, una función interna de jQuery que maneja "¿qué sigue?" (hablando laicamente), mientras que otros métodos "sin animación" (como .text(), addClass(), .on(), .click() etc...) no lo hacen.
Para recordar fácilmente .queue() piense en ello como la funcionalidad de devolución de llamada faltante (realmente lo es) para .delay(2000, function(){ /*BAM!*/ }) /* well sadly, this does not works */