jquery - jQuery: 新しい DOM 要素を作成して表示する

Question

タイトルが示すように、新しい dom 要素を作成したいと考えています (HTML は AJAX を介して生成および取得されます)。何とか動いたのですが、隠れているように見えて、フェードインしようとすると壊れてしまいます!

   function AddContent(Content) {
        div = document.createElement(Content)
        div.appendTo($("#contentAreas"));
        //    $(div).fadeIn("slow");
        }

基本的にアイテムを正しい位置に挿入しますが、表示しません。フェードインしようとすると、失敗します。エラーなし。

何か案は？

Answer 1

する必要があります$(div).appendTo(...)。divまたは、 の作成方法を に変更することもできますdiv = $(Content)。

Answer 2

createElement は必要ありません。jQuery コンストラクターは html をパラメーターとして受け取ることができます (コンテンツが html 文字列であると仮定します)。

function AddContent(content) {
   var div = $(content);
   div.appendTo($("#contentAreas"));
   $(div).fadeIn("slow");
}

Answer 3

これはどう：

   function AddContent(Content) {
        div = $('<div>' + Content + '</div>');           
        div.appendTo($("#contentAreas")).fadeIn("slow");
   }

Answer 4

appendTo はセレクターを取るため、上記の他のすべての例にあるように、jquery オブジェクトである必要はありません。

function AddContent( content ) {
     $(content).appendTo("#contentAreas").fadeIn("slow");
 }

Answer 5

appendTo が機能するには、div が jQuery である必要があります。これを試して：

 function AddContent( content ) {
     $(content).appendTo("#contentAreas").fadeIn("slow");
 }