Question

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

＆＃13;

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

＆＃13;

<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" />

＆＃13;

Answer 1

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

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

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

Answer 2

删除document.ready函数，因为它在实际加载之前返回元素的高度。

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 3

因为尚未加载您的元素，请尝试以下操作：

    $("#hello").load(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" />

div元素的高度返回零

3 个答案: