如何使用jQuery淡化附加的HTML？

Question

我有以下代码行：

var html = "...";
$("#id_name").append(html).fadeIn("slow");

这会导致整个div #id_name淡入。我只希望 追加HTML 以淡入。这怎么可以实现？

Answer 1

您可以执行以下操作：

$('<div></div>').appendTo("#id_name").hide().append(html).fadeIn('slow');

Answer 2

你必须首先确保变量“html”是一个jquery对象，然后存在于DOM中。

所以你通常会触发一个回调函数，当append（）生效时触发它。

示例：

$("#id_name").append(html,function(){
 $(html).fadeIn("slow");
});

Answer 3

这也应该有用（假设html var是一段html代码）并且可能更具可读性：

$(html).appendTo('#id_name').hide().fadeIn('slow');