JQueryの要素fadeOut（）とfadeIn（）中にある

Question

私がやってみたいのは、コンテナ内のすべての画像をフェードアウトし、＃next1の画像を#activeに置き換え、その後すべての画像を再びフェードインすることです。

$('.logo').fadeOut('slow', function() { 
    $('#active>img').replaceWith($('#next1>img')); 
}).fadeIn('slow', function() {}); 

これは動作しません：

は、ここに私のコードです。私は自分自身が空を見ていることを発見＃アクティブ

しかし、これは、

$('.logo').fadeOut('slow', function() {}).fadeIn('slow', function() {}); 
$('#active>img').replaceWith($('#next1>img')); 

私がやろうとしているアニメーションではなく、ちょうど良いものに置き換えられます。

私はchromeとieの両方で同じ結果を得ます。

Answer 1

私の提案は、jQueryのpromise/doneメソッドを見ることです。あなたはFFやIEを使用してhttp://api.jquery.com/promise/

Answer 2

試してみてください。

$('.logo').fadeOut('slow', function() { 
    $('#active>img').replaceWith($('#next1>img')); 
    $(this).fadeIn('slow'); 
}); 

ロゴを交換した後、その後フェードイン、.logoが隠されている間、コンテンツを置き換え、フェードアウトされ、あなたが達成したいものを仮定し。