Jquery动画。。。时间问题

Jquery动画。。。时间问题,jquery,Jquery,当我有一些jquery代码时,如下所示: $('#trash-talk-bubble').fadeOut().empty().append(trash_talk).fadeIn(); 我所期望的是气泡逐渐消失,随后内容被清空,接着新内容被添加,然后气泡又逐渐消失 相反,气泡会逐渐消失,当气泡逐渐消失时,会出现清空和追加命令。。然后淡入发生 也许我误解了它的工作原理。应该是这样的 $('#trash-talk-bubble').fadeOut('slow', function() { $(t

当我有一些jquery代码时,如下所示:

$('#trash-talk-bubble').fadeOut().empty().append(trash_talk).fadeIn();
我所期望的是气泡逐渐消失,随后内容被清空,接着新内容被添加,然后气泡又逐渐消失

相反,气泡会逐渐消失,当气泡逐渐消失时,会出现清空和追加命令。。然后淡入发生

也许我误解了它的工作原理。

应该是这样的

$('#trash-talk-bubble').fadeOut('slow', function() {
  $(this).empty().append(trash_talk).fadeIn();
});

这是因为在淡出完成之前调用empty,现在使用此方法,淡出完成后将对empty append和fadein进行赋值。

这很有意义。。因此,基本上,当我链接东西时,它不会等待动画完成。。出于某种原因,我假设做淡出().append()。。追加将等待发生,直到淡出发生。我知道fadeOut().fadeIn()是这样工作的。不,它不会,但您也可以使用jQuery函数delay,使它看起来像这个fadeOut().delay(2000).empty().append('your html').fadeIn();我很确定延迟只会影响我测试的动画。。空和附加立即发生,似乎忽略了延迟