Jquery -获取构造的div的高度

Question

我正在构造一个div并将其附加到一个主div中。在这样做的时候，我需要在构造div之后并在附加它之前获取div的高度。

例如,

<script>
$(function(){
var text = $("#ObjText").html(); // This text is dynamic

var dv = $("<div id='childDiv'>"+text+"</div>");
alert($(dv).height()); // This is getting '0' - Need to get the height of the div here.

$("#page").append(dv);

//After appending to page able to get the height of the child div
alert($("#childDiv").height());
});
</script>

在我的body标签里，

<body>
<div id="page"></div>
</body>

在这件事上请帮帮我。提前谢谢。

Answer 1

我不认为在将对象附加到文档之前，您无法获得在运行时创建的任何对象的高度。

jQuery执行并获取文档(您的html)上所有可用DOM就绪对象的结果，因此在添加u之前无法获取高度。

如果你仍然想要得到高度，我可以建议你在html上临时放置div，在那里你可以附加你当前的div并检查高度。如果需要，请稍后将div附加到您想要的位置。

希望上面的内容能帮助你找到解决方案。

Answer 2

没有添加到dom中的div没有高度。

您可以做的是隐藏div，然后追加它并获取高度，然后显示div：

$(function(){
    var text = $("#ObjText").html(); // This text is dynamic

    var dv = $("<div id='childDiv'>"+text+"</div>").hide(); // hide the div

    $("#page").append(dv);
    alert(dv.height());  // should have the correct height

    dv.show();
});

http://jsfiddle.net/MPtvK/

Answer 3

用style="display: none"插入它，然后使用普通的jquery .height()获得高度。在需要的时候用.show()显示它。