追加淡化效果的元素[jQuery]

Question

var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(html).fadeIn(999);

这似乎不起作用。

当内容被追加时我只想要一个很酷的效果。

注意：我希望新的“blah”div能够淡入，而不是整个“mycontent”。

Answer 1

$(html).hide().appendTo("#mycontent").fadeIn(1000);

Answer 2

添加更多信息：

jQuery实现“方法链接”，这意味着您可以在同一元素上链接方法调用。在第一种情况下：

$("#mycontent").append(html).fadeIn(999);

您将fadeIn调用应用于方法链的目标对象，在本例中为#mycontent。不是你想要的。

在@ icktoofay（伟大的）回答中你有：

$(html).hide().appendTo("#mycontent").fadeIn(1000);

这基本上意味着，创建html，默认情况下将其设置为隐藏，将其附加到#mycontent然后然后将其淡入。现在方法链的目标是hmtl而不是#mycontent。

Answer 3

这也有效

$(Your_html).appendTo(".target").hide().fadeIn(300);

此致