问题描述
|
我想显示“再见” 1秒钟,将其淡出,替换为
\“ hello \”,然后淡出。为什么这不是摘要? (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,弄清楚我的代码出了什么问题对我真的有帮助!
解决方法
您要使
fadeOut
的回调函数中的fadeIn
成为一部分。所以...
$(\'#foo\').fadeOut(\'slow\',function(){
$(\'#foo\').fadeIn(\'slow\').html(\'Hello\');
});
将slow
更改为1000
1秒钟或更长时间。
http://jsfiddle.net/qK26W/
, 我已经尝试了您的代码。只看这个小提琴:http://jsfiddle.net/anish/cZf6g/
, 尝试把你的陈述
$(document).ready(function(){
/*code here*/
});
或将其放在函数中,然后调用该函数