jquery - 在另一个函数中完成 fadeOut() 之后执行一个函数

Question

我正在创建一个页面，其中创建了两个函数：一个用于淡出淡入淡出，另一个用于更改布局视图。

我只想在 fadeOut-fadeIn 功能完成后更改视图。

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

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

Answer 1

$(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 2

您可以链接您的驱动程序函数，然后使用回调组件：

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

或者只是触发点击组件：

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

提醒一下，您编写.fadeInand 的方式。fadeOut碎片意味着它们将同时运行......如果你想做一个“闪光”之类的事情（我认为这是你想要的？）你需要链接它们以便它们按顺序运行。

Answer 3

您可以使用回调fadeIn和fadeOut

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

});

Answer 4

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