当 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>

When Chaining fadeTo, the second animation doesn't happen