FadeIn使用jQuery附加div

Question

我加载一些带有追加的div。工作，但我想淡入它。淡出作品，但不淡出......

$("#click").click(function() {
    var overlay = $('<div id="overlay1">'),
    overlayBox  = $('<div id="overlay2">');
    $('body').append(overlay1, overlay2).fadeIn(500);                   
});

Answer 1

$("#click").click(function() {
    var overlay = $('<div id="overlay1">Test 1</div>'),
    overlayBox  = $('<div id="overlay2">Test 2</div>');
    $('body').append(overlay, overlayBox);
    overlay.hide().fadeIn(500);
    overlayBox.hide().fadeIn(500);    
});

工作示例：http://jsfiddle.net/7Ycb5/

此外，您知道 - .append()是可链接的，因此$('body').append(overlay, overlayBox).fadeIn()不会淡化overlay和overlayBox，而会淡化body }。

Answer 2

现在，你正在添加完全不透明的div，然后尝试淡入它们（这不起作用。它们是什么消失？）如果你添加了Opacity = 0的div，那么你的代码就可以了。