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