jQuery 不淡入淡出文本？

Question

我想显示“再见”1秒，淡出它，替换为 “你好”，然后淡入。为什么这个片段不起作用？ (jQuery 已加载):

<div id="foo">x</div> 
<script type="text/javascript"> 
$('#foo').fadeOut().html('goodbye').fadeIn().delay(1000).fadeOut().html('hello').fadeIn(); 
</script> 

我正确使用了队列，因此这些命令按顺序发生(而不是异步)，对吗？

完整版:http://test.barrycarter.info/stacked1.html

编辑:感谢所有回答的人!我很欣赏替代建议。我想我真正的问题是“为什么我的代码不起作用？”我正在学习 jQuery，找出我的代码出错的地方对我很有帮助!

Answer 1

您希望将 fadeIn 设为 fadeOut 回调函数的一部分。所以...

$('#foo').fadeOut('slow', function(){
    $('#foo').fadeIn('slow').html('Hello');
});

将 slow 更改为 1000 1 秒或任何所需的时间。

http://jsfiddle.net/qK26W/