簡單的jQuery功能和操作順序

Question

我有一個非常簡單的功能，在點擊主體類淡出並替換類之後。

$(".a").click(function() { 
    ('body').fadeOut(); 
    $('body').removeClass(); 
    $('body').addClass("green"); 
    $('body').fadeIn(); 
}); 

$(".b").click(function() { 
    $('body').fadeOut(); 
    $('body').removeClass() 
    $('body').addClass("pink"), 
    $('body').fadeIn(); 
}); 

我的問題是，這個類是改變車身前將淡出是相反我試圖實現。

任何幫助非常感謝。

感謝

大教堂

Answer 1

的fadeOut方法需要一個回調來運行褪色結束後。
您可以更改類在回調：

$(".a").click(function() { 
    $('body').fadeOut(function() { 
     $('body').removeClass().addClass("green").fadeIn(); 
    }); 
}); 

Answer 2

使用回調函數。

$(".a").click(function() { 
    ('body').fadeOut(function(){ 
     $('body').removeClass(); 
     $('body').addClass("green"); 
     $('body').fadeIn(); 
    }); 
}); 

$(".b").click(function() { 
    $('body').fadeOut(function(){ 
     $('body').removeClass() 
     $('body').addClass("pink"), 
     $('body').fadeIn(); 
    }); 
}); 

Answer 3

$('body').fadeOut(function(){ 
    $(this).removeClass().addClass("green").fadeIn(); 
});