jquery - una - retrasar funcion js

jQuery.delay() no retrasa la función.html()

Question

Estoy intentando hacer un pequeño truco de javascript para desvanecer un div, reemplazar su contenido y volverlo a fundir. El evento .html está reemplazando el contenido antes de que se complete el fadeOut ...

$("#products").fadeOut(500)
.delay(600)
.html($("#productPage" + pageNum).html())
.fadeIn(500);

Parece que el método .delay() no está retrasando el .delay() .

Answer 1

Quizás la forma de "cola" está bien, pero esta solución de javascript funciona mejor para mí:

 setTimeout (function(){
$("#products").html(''Product Added!'');
},1000);

Answer 2

puede cambiarlo para realizar el cambio cuando se complete fadeOut utilizando el parámetro de función fcallback.

por lo que se convierte en:

$("#products").fadeOut(500, function() {
$(this).html($("#productPage" + pageNum).html());
$(this).fadeIn(500);
});

Answer 3

delay funcionará para su caso cuando se utiliza con la queue como esta:

$("#products").fadeOut(500)
.delay(600)
.queue(function(n) {
$(this).html("hahahhaha");
n();
}).fadeIn(500);​

Pruébelo aquí: http://jsfiddle.net/n7j8Y/