jquery - 別の関数で行われた fadeOut() の後に関数を実行する

Question

2 つの関数を作成したページを作成しています。

フェードアウト・フェードイン機能を実行したときだけビューを変更したい。

$someTarget.click(function(){
//all actions here once the below function done
});

$someTarget2.click(function(){
    $subtarget.fadeOut();
    $subtarget.fadeIn();
});

Answer 1

$someTarget2.click(function(){
    $someTarget.fadeOut('slow').fadeIn('slow',function(){
       // change view here
    });
});

Answer 2

$(subtarget).fadeOut(function(){
   $(someTarget).trigger('click');
});

編集：

$someTarget.live(‘click’, function(){
//all actions here once the below function done
});

$someTarget2.click(function(){
    $subtarget.fadeOut(function(){
       $subtarget.fadeIn(function(){
           $someTarget.trigger('click');
       });
    });
});

Answer 3

ドライバー関数をチェーンしてから、コールバック コンポーネントを使用できます。

$someTarget2.click(function(){
    $subtarget
        .fadeOut()
        .fadeIn(function(){
            $someTarget.click(function(){
                // magic actions here
            }); 
        });
});

または、クリック コンポーネントをトリガーするだけです。

$someTarget2.click(function(){
    $subtarget
        .fadeOut()
        .fadeIn(function(){
            $someTarget.trigger('click');
        });
});

注意として、あなたが書いた方法.fadeInと . fadeOutピースは、それらが同時に実行されることを意味します...「フラッシュ」のようなことをしたい場合（これはあなたが望むものだと思いますか？）、それらをチェーンして順番に実行する必要があります。

Answer 4

fadeInおよびでコールバックを使用できます。fadeOut

$someTarget2.click(function(){
    $subtarget.fadeOut("fast", function() {
        $subtarget.fadeIn("fast", function() {
            //done fading in, change your view here
        });
    });

});