淡入内容

Question

此代码隐藏#title，设置文本，然后将其淡入。

$('#title').fadeOut(0).text(data.name).fadeIn();

有没有更好的方法来执行fadeOut（0）部分？

Answer 1

是

$('#title').fadeOut(100, function() {

    $(this).text(data.name).fadeIn(100);     

});

在元素完成动画之前，此版本不会更改文本。

Answer 2

如果您只是想立即隐藏元素，然后用新文本淡入，请执行以下操作：

$('#title').hide().text(data.name).fadeIn();

---

如果您希望它设置动画，您的代码不会等待任何事情发生：它开始淡入，然后立即设置文本，然后淡出（无需等待任何事情完成）。

使用回调函数，它是父函数完全执行后调用的匿名函数：

$('#title').fadeOut(function() {
  $(this).text(data.name).fadeIn();
});

我真的希望jQuery的功能可以轻松链接......

祝你好运！