第一次点击按钮时，'fadeIn'不起作用[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

这是我的问题，我把fadeOut放在fadeIn函数中：

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....');
 }