当Chaining fadeTo时，第二个动画不会发生

Question

我希望淡出一个元素，更新它，然后使用链接在一起的两个fadeTo调用淡化它。问题是第二个动画没有发生 - 元素弹回。

我已经看到了一些将动画链接在一起的建议，但我相信这对我不起作用，因为我需要适应内容的更新。

$(tgt).fadeTo(1000,0, function () {
  $(tgt).html(stufffromAjax);
  $(tgt).fadeTo(1000,100);
});

我希望淡出还需要一秒钟，然后在更新之后，让它在一秒钟内消失，但它会立即弹出。任何建议，将不胜感激。

Answer 1

fadeTo的第二个论点是不透明度。不透明度的范围是浮点值0到1.00，因此您需要淡入1而不是100。

var $target = $('#target').fadeTo(1000,0, function () {
  $target.html('Changed');
  $target.fadeTo(1000,1);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="target">Fade Me</div>