1. ホーム
  2. javascript

フェードインとアペンドの使い分け

2023-10-07 07:18:35

質問

JSONデータをページに読み込む際に appendTo() を使用していますが、結果をフェードインしようとしています、何かアイデアはありますか?

$("#posts").fadeIn();
$(content).appendTo("#posts");

という違いがあることがわかりました。 appendappendTo というように、ドキュメント上で

これも試してみました。

$("#posts").append(content).fadeIn();

私はそれを得た、上記はトリックをしました!

しかし、私は得る "undefined" をJSONの値の1つとして取得します。

どのように解決するのですか?

コンテンツを追加する前に非表示にし、そこにfadeInメソッドをチェーンさせると、求めている効果が得られるはずです。

// Create the DOM elements
$(content)
// Sets the style of the elements to "display:none"
    .hide()
// Appends the hidden elements to the "posts" element
    .appendTo('#posts')
// Fades the new content into view
    .fadeIn();