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

你可以试试下面的代码。

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

Answer 2

你可以试试这个

$(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);

});

});

我认为工作得很好。

谢谢你