jquery - 淡入内容

Question

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

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

是否有更好的方法来完成 fadeOut(0) 部分？

Answer 1

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

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

<小时/>

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

使用回调，这是在父函数完全执行后调用的匿名函数:

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

我真的希望 jQuery 的函数能够如此轻松地链接起来......

祝你好运!