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