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

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

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

Answer 5

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

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

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

5 个答案: