div元素的高度返回零

Question

有谁知道为什么这里的高度可能为零？

    $(document).ready(function () {
                alert($("#hello").height());
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="hello" class="browseIMG" src="https://udemy-images.udemy.com/course/750x422/64132_926c_10.jpg" />

Answer 1

这是因为即使在DOM成功加载之后,即使从网络加载图像,您也会获得图像的高度.

可能你必须在图像的加载事件中这样做.

$('#hello').load(function() {  
  alert($("#hello").height());
});