jQuery .delay() 不延迟 .html() 函数

Question

我正在尝试做一些 JavaScript 技巧来淡出 div，替换其内容，然后淡入。 .html 事件正在替换淡出完成之前的内容...

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

它出现 .html() 没有被 .delay() 方法延迟。

Answer 1

与 queue< 一起使用时， delay 将适用于您的情况/a> 像这样：

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

在这里试试：http://jsfiddle.net/n7j8Y/

Answer 2

也许“排队”方式就可以了，
但这个 javascript 解决方案对我来说效果更好：

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

Answer 3

您可以使用 fcallback 函数参数更改它，以便在淡出完成时进行更改。

所以它变成：

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