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

前端之家收集整理的这篇文章主要介绍了jQuery .delay()不延迟.html()函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试一些JavaScript技巧来淡出一个div,替换它的内容,并将其淡入淡出。.html事件正在替换fadeOut完成之前的内容
$("#products").fadeOut(500)
              .delay(600)
              .html($("#productPage" + pageNum).html())
              .fadeIn(500);

.html()方法似乎没有被.delay()方法延迟。

解决方法

queue一起使用时,延迟将适用于您的情况:
$("#products").fadeOut(500)
    .delay(600)
    .queue(function(n) {
        $(this).html("hahahhaha");
        n();
    }).fadeIn(500);​

尝试这里:http://jsfiddle.net/n7j8Y/

猜你在找的jQuery相关文章