javascript - Jquery淡入.after（）？

Question

真的很简单，但无法让它工作，这是我的脚本......

$('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>');

我怎样才能让它淡入而不是弹出？放在fadeIn()之后或之前.after()不起作用？

Answer 1

$('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px; display:none;"></div>');
$('#lightBox').fadeIn();

Answer 2

$('body').after('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>');  
$("#lightBox").hide().fadeIn();

它隐藏它然后淡入

Answer 3

短途：

$('body').after($('<div id="lightBox" style="height: ' + htmlHeight + 'px;"></div>').hide().fadeIn());