jQuery：创建一个新的DOM元素并显示它

因此，如标题所示，我希望创建一个新的DOM元素（通过AJAX生成和检索HTML）。我有点工作，但它似乎隐藏起来，当我试图淡入淡出！jQuery：创建一个新的DOM元素并显示它

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

它基本上插入物品到正确的位置，但没有显示它。当我试图淡入它时，它没有这样做。没有错误。

任何想法？

来源

2009-06-30 Damien

你能说得更具描述性吗？ *它如何破坏？ “内容”是什么样的？ “#contentAreas”是什么样的？ – 2009-06-30 12:20:29

此外，如果你这样做会发生什么： $（“＃contentAreas”）。append（div）; – 2009-06-30 12:22:07

div需要是jQuery for appendTo才能工作。试试这个：

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

来源

2009-06-30 12:22:07 tvanfosson

应该是$(div).appendTo(...)。或者你可以改变如何将div创建为div = $(Content)。

来源

2009-06-30 12:22:01

你不需要的createElement，jQuery的构造可以采用HTML作为参数（假设的内容是一个html字符串）：

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

来源

2009-06-30 12:22:11 Kazar

如何：

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

来源

2009-06-30 12:24:19 karim79

appendTo需要一个选择器，因此它不需要是jquery对象，因为上面的所有其他示例都具有它。

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

来源

2009-06-30 12:44:04 redsquare

jQuery：创建一个新的DOM元素并显示它

回答

相关问题