附加具有淡入淡出效果的元素 [jQuery]

javascript jquery html css

2022-08-30 04:48:02

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

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

这似乎不起作用。

我只想在附加内容时获得酷炫效果。

注意：我只想淡入新的“blah”div，而不是整个“mycontent”。

答案 1

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

答案 2

添加更多信息：

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

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

在这种情况下，您将对作为方法链目标的对象应用调用。不是你想要的。fadeIn#mycontent

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

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

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