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/

Answer 2

我已经尝试过你的代码。请看这个小提琴：http://jsfiddle.net/anish/cZf6g/

Answer 3

尝试将您的陈述放在

中

$(document).ready(function(){
    /*code here*/
});

或将其放入函数然后调用该函数

jQuery没有淡入淡出文本？

3 个答案: