jQuery 淡出然后淡入

Question

关于这个主题有很多，但我还没有找到适合我的情况的实例。

淡出一张图片，然后淡入另一张图片。相反，我遇到了一个问题:第一张图片淡出，然后立即(在动画完成之前)下一张图片淡入。

我读过一次这篇文章，但记不清到底是什么技巧了..

http://jsfiddle.net/danielredwood/gBw9j/

感谢您的帮助!

Answer 1

在淡出回调中淡入另一个，该回调在淡出完成时运行。使用您的代码:

$('#two, #three').hide();
$('.slide').click(function(){
    var $this = $(this);
    $this.fadeOut(function(){ $this.next().fadeIn(); });
});

或者，您可以“暂停”链，但您需要指定持续多长时间:

$(this).fadeOut().next().delay(500).fadeIn();