追加されたHTMLをjQueryでフェードインする方法は？

Question

私は次のコード行があります。。私はフェードインするだけ追加HTMLをしたい

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

これはフェードインするために全体のdiv #id_nameの原因はどのようにこれを達成することができますか？

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');