0

div1をフェードアウトしたい。次に、div2 でフェードインします。次に doStuffAtTheEnd 関数を実行します。

各エフェクトがコールバックを受け取ると、すべてが同期すると思いました。しかし、div2 のフェードインは見られません。フェードイン効果なしですぐに表示されます。

何故ですか？

$('#div1').fadeOut(1000, function () {
    $('#div2').fadeIn(1000), function(){           
            doStuffAtTheEnd();
        }); 
});
4

1 に答える 1

0

あなたは間違った閉じ括弧を持っています)

これを試して

$('#div1').fadeOut(1000, function () {
   $('#div2').fadeIn(1000, function(){  
                   //----^----here         
        doStuffAtTheEnd();
    }); 
});

div2デフォルトで非表示になっていることを確認してください。

更新しました

display:nonediv2 の css を追加するか、それを非表示にする document.ready 関数$('#div2').hide()... この例のフィドルを作成しました (これがあなたが望むものであると仮定して) ...

ここでフィドル

于 2013-05-17T07:02:02.290 に答える