有一个这个话题,但我没有找到一个适用于我的情况的实例。
淡出一张图片,然后淡入另一张图片。相反,我遇到了一个问题,其中第一次淡出,并立即(动画完成之前)下一个淡入。
我读了这一次,不能记得什么伎俩。
http://jsfiddle.net/danielredwood/gBw9j/
谢谢你的帮助!
解决方法
在fadeout的回调中淡入另一个,在fadeout完成时运行。使用您的代码:
$('#two,#three').hide(); $('.slide').click(function(){ var $this = $(this); $this.fadeOut(function(){ $this.next().fadeIn(); }); });
或者,你可以只是“暂停”链,但你需要指定多长时间:
$(this).fadeOut().next().delay(500).fadeIn();