高度在jQuery中返回元素的0答案

【问题标题】：Height returns 0 of element in jQuery高度在jQuery中返回元素的0
【发布时间】：2016-12-12 15:04:20
【问题描述】：

好的，所以我对返回高度为 0 的元素有一点问题。它在窗口调整大小函数中时工作，但我需要它在第一次加载时加载它，以下代码在文档准备下，但它仍然不会得到高度。

这个元素一开始是隐藏的，所以我更改了元素样式，以便它可以读取它的高度，但由于某种原因它不起作用。当我检查检查元素时，它说高度是 107px。

$(".extracoinfo")
    .css({
        position:   'absolute',
        visibility: 'hidden',
        display:    'block'
    });

    var modal_info_height   = $(".extracoinfo").height();

    // Remove styling
    $(".extracoinfo")
    .css({
        position:   'relative',
        visibility: 'visible',
        display:    'none'
    });

元素的CSS样式

display: none;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #e4e4e4;

HTML 代码

<div class="extracoinfo">

                            <h4>title</h4>
                            <p>description</p>

                            <ul class="data">

                                <li><b>till:</b> a141</li
                                ><li><b>Minimum:</b> </li
                                ><li><b>Valid :</b> test</li>

                            </ul>

                        </div>

我也尝试过内部高度和外部高度，它确实返回填充/边距高度，但由于某种原因它不会获得内容高度，我知道它在那里..

【问题讨论】：

请添加完整代码，即最少的 HTML、CSS 和 JavaScript。
好的，它已经添加了，但我认为它不会有太大帮助，因为我提到这段代码在窗口调整大小功能下有效，所以由于某种原因它不知道它在文档下的高度准备好了，它应该..

标签： jquery css height element

【解决方案1】：

如果元素包含图像，有时会发生这种情况。

尝试使用$(window).load()而不是$(document).ready()

【讨论】：

哈哈是的，这行得通，知道这与此有关。不过还是谢谢 :)

【解决方案2】：

尝试使用：

window.onload = function() {
 console.log($(".extracoinfo").height());
};

【讨论】：