JQuery: fadeIn () не работает с appendTo ()

Question

Не могли бы вы сказать мне, почему контейнер не выцветает и появляется напрямую?

$(document).ready(function() { 

$( "a.header-chat" ).click(function() {
    $("<div class='MsgBox info'><span>asdf</span></div>").appendTo(".grid-main").hide().fadeIn(1000);
    setTimeout(function() {
        $( ".MsgBox" ).remove();
      }, 3000);
});

});

Answer 1

Вы можете попробовать это

$(document).ready(function() { 

$( "a.header-chat" ).click(function() {
    $("<div class='MsgBox info'><span>asdf</span></div>").hide().appendTo(".grid-main").fadeIn(1000);
    setTimeout(function() {
        $( ".MsgBox" ).remove();
      }, 3000);
});

});

Я думаю, что работает хорошо.

Спасибо

Answer 2

Вы можете попробовать следующий код.

$("<div class='MsgBox info'><span>asdf</span></div>").hide().appendTo(".grid-main").fadeIn(1000);