フェードイン効果のある要素を追加する[jQuery]

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

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

これは機能していないようです。

コンテンツが追加されたときにクールな効果が欲しいだけです。

注：「mycontent」全体ではなく、新しい「何とか」のdivだけをフェードインさせたいです。

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

もう少し情報を追加します：

jQueryは「メソッドチェーン」を実装しています。つまり、同じ要素でメソッド呼び出しをチェーンできます。最初のケースでは：

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

fadeInこの場合、メソッドチェーンのターゲットであるオブジェクトへの呼び出しを適用します#mycontent。あなたが望むものではありません。

@icktoofayの（素晴らしい）答えには次のようなものがあります。

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

これは基本的には、作成手段htmlデフォルトでは非表示として、それを設定し、それを追加#mycontentし、その後でそれをフェードイン。メソッドチェーンのターゲットは今hmtlの代わりに#mycontent。

これも機能します

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

よろしく

fadeInは非表示から表示への遷移なので、追加するときに「html」要素を非表示にしてから表示する必要があります。

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

$("#mycontent").append(function(){
  return html.hide();
});

$('#blah').fadeIn(999);