淡出+清空div,然后放入新内容

mow*_*gli 10 jquery fadeout jquery-effects

什么是淡出div 内容的好方法,但保持div准备好新内容?

$('#info').html('').fadeOut(500);
or
$('#info').fadeOut(500).html('').show();
Run Code Online (Sandbox Code Playgroud)

div内容刚刚消失,新内容不显示

 $('#info').fadeOut(500);
Run Code Online (Sandbox Code Playgroud)

div尽可能淡化,但任何新内容都没有显示出来

Had*_*our 20

$('#info').fadeOut(500, function() {
   $(this).empty().show();
});
Run Code Online (Sandbox Code Playgroud)

  • +1使用`empty()`代替`html('')`因为那就是它的用途. (7认同)

ade*_*neo 5

$('#info').fadeOut(500, function() {
   $(this).html('').show();
});
Run Code Online (Sandbox Code Playgroud)

在等到它之前等到div消失了!