使用JQuery使.after()元素淡入？

Question

这其实很简单，但我无法让它正常工作，以下是我的脚本...

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

我该如何让它淡入而非突然出现？在.after()前或后面放置fadeIn()不起作用吗？

- novactown

Answer 1

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

- vantrung -cuncon

Answer 2

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

它会隐藏它，然后淡入。

- genesis

---

工作得很好，我想我把事情搞得太复杂了:p - novactown

Answer 3

简单方法：

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

- directory

---

如果这个答案附带了代码解释的话，那就更好了。 - John Hascall