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/