Question

好吧，所以我对一个返回高度为0的元素有一点问题。它在窗口调整大小函数时有效，但是我需要它在第一次加载时加载它，下面的代码在文件准备好之下，但它仍然不会达到高度。

这个元素是隐藏的，所以我改变了元素样式，因此它可以读取它的高度，但由于某种原因它不起作用。当我用inspect元素检查时，它表示高度为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>

我已经尝试了内外高度，它确实返回了填充/边距高度，但由于某种原因它不会得到它的内容高度，我知道它就在那里..

Answer 1

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

尝试使用$(window).load()代替$(document).ready()

Answer 2

尝试使用：

＆＃13;

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

＆＃13;

高度在jQuery中返回0的元素

2 个答案: