jQuery 获取响应图像的高度

Question

我有一组响应页面的图像(即最大宽度设置为 100%)。

<div class="exh">
   <img src="#" />
</div>
<div class="exh">
   <img src="#" />
</div>
<div class="exh">
   <img src="#" />
</div>

与

.exh img {
   max-width:100%;
}

调整窗口大小后以及加载页面时如何检索图像的高度？当我使用以下内容时，我得到的高度为 0。

$(".exh img").each(function() {
    var $this = $(this);
    console.log( $this.height() );
});

Answer 1

如果您需要在每次加载页面和调整页面大小时执行此操作，请执行以下操作:

$(document).ready( function() { //Fires when DOM is loaded
    getImageSizes();
    $(window).resize(function() { //Fires when window is resized
        getImageSizes();
    });
});
function getImageSizes() {
    $(".exh img").each(function() {
        var $this = $(this);
        console.log( $this.height() );
    });
}

有关 .resize() 的更多信息:http://api.jquery.com/resize/

有关 .ready() 的更多信息:http://api.jquery.com/ready/