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&nbsp;class='MsgBox&nbsp;info'><span>asdf</span></div>").hide().appendTo(".grid-main").fadeIn(1000);

Answer 2

你可以试试这个$(document).ready(function() {&nbsp;$( "a.header-chat" ).click(function() {&nbsp; &nbsp; $("<div class='MsgBox info'><span>asdf</span></div>").hide().appendTo(".grid-main").fadeIn(1000);&nbsp; &nbsp; setTimeout(function() {&nbsp; &nbsp; &nbsp; &nbsp; $( ".MsgBox" ).remove();&nbsp; &nbsp; &nbsp; }, 3000);});});我认为工作得很好。谢谢你