div的Jquery高度为零

Question

jQuery代码

console.log("height: " + $("#board_view_player_info").outerHeight(true));

为以下元素

打印以下div元素的高度为 0

<div id="board_view_player_info">
    <b> hello world <br><br/>helloooo</b>
</div>

如何检索div元素的高度。

Answer 1

它按预期工作，可能是你的div将被隐藏。如果它被隐藏，则只显示并计算宽度并再次隐藏。

＆＃13;

＆＃13;

console.log("height: " + $("#board_view_player_info").outerHeight(true));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="board_view_player_info">
    <b> hello world <br><br/>helloooo</b>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

正如您所说，元素是隐藏的，因此，隐藏元素不具有高度或宽度（它们为0）。如果您需要动态计算，请先显示元素，然后才能获得它的尺寸。