我正在尝试一个简单的 jQuery 脚本来淡出一个 div 并淡入另一个 div,但由于某种原因,第一个 div 永远不会淡出。这可能是代码的一个明显问题,但我似乎无法弄清楚。
<style>
#cuerpo { display: none; }
</style>
<div id="cuerpo"></div>
<div id="inicio"></div>
<script>
function delayed() {
$("div").fadeIn(3000, function () {
$("cuerpo").fadeIn("slow");
});
}
$("a").click(function () {
$("inicio").fadeOut("slow");
setTimeout("delayed()",500);
});
</script>
我该怎么做呢?我究竟做错了什么?
UPDATE
最简单的方法是使用回调:
$('a').click(function(){
$('#fadeout').fadeOut(300, function () {
$('#fadein').fadeIn(300);
});
});
然后是 HTML:
<a href="#">In/Out</a>
<div id="fadeout">Fade Out</div>
<div id="fadein" style="display:none;">Fade In</div>
OLD:
有一个简单的方法可以做到这一点:
$('a').click(function(){
$('#fadeout').fadeOut(300);
$('#fadein').delay(400).fadeIn(300);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)