关于jQuery的.html（）函数的问题？

Question

现在，当我替换“foo”div内的内容时，新内容马上就会出现。有 有办法让新内容慢慢淡入。

<div class="foo">Initial content to be replaced</div> 

$('div.foo').html('New content'); 

我知道的淡入（）函数，我为什么问这个问题，因为我不明白怎么能说是技术上是可行的，因为foo的DIV从未隐藏开始的原因，所以如何将它能够“淡入”。但是，如果有人能想到一种最好的方式。

Answer 1

使用此：$('div.foo').html('New Content').hide().fadeIn();

Answer 2

Live Demo

$('div.foo').html('New content').hide().fadeIn(); 

你先隐藏起来，然后消失它

Answer 3

你可以试试这个：

$("div.foo").hide("slow").html("New Content").show("slow"); 

这会淡出div，更改内容，然后淡入，这可能会达到您要查找的效果。

Answer 4

这里的其他一些答案没有说明转换需要时间的事实 - html将在fadeOut的中间被替换，看起来像一个错误。

假设你想淡出来完成，然后代替HTML，然后淡入，使用回调：

$('div.foo').fadeOut(function() { 
    $(this).html('New content').fadeIn(); 
});