'fadeIn'在第一次點擊按鈕[jQuery]時不起作用[jQuery]

Question

當我第一次點擊按鈕時，它顯示只是加載器，如果我使用fadeOut我可以點擊一次後淡出不工作...在這裏是我的代碼：

if(data == 'success'){ 
$('#msg').addClass('alert alert-success').fadeIn(3000,function(){ 
$(this).hide(); 
        }); 
    $('#msg').text('Successfully logged in..... Redirecting....'); 
} 

如果上面的塊被按鈕點擊調用。 這裏是HTML：

<div class="form-group" style="text-align: center;" id="message"> 
    <span class="" id="msg" ></span> 
</div> 

Answer 1

這SOVE我的問題，我把淡出淡入函數內部：

if(data == 'success'){ 
$('#msg').addClass('alert alert-success').fadeIn(2000,function(){ 
$('#msg').fadeOut(3000,function(){ 
    $('#msg').removeClass('alert alert-success'); 
}); 
}); 

$('#msg').text('Successfully logged in..... Redirecting....'); 
}