javascript - 获取文档加载时的图像高度

Question

我想设置 div#top 高度等于图像高度。我写道:

$(document).ready(function() {
    setTopHeight();
});

/*
* window resizing
*/
$(window).resize(function() {
    setTopHeight();
});

/*
* setting #top height by banner height
*/
var setTopHeight = function() {
    var bannerHeight = $('#banner-image').height();
    $('#top').height(bannerHeight + 'px');
};

它适用于调整大小，但不适用于重新加载。我已经尝试过这样的事情:

$(document).ready(function() {
    setTimeout(function() {
        setTopHeight();
    }, 50);
});

它确实有效，但当然这不是解决方案。有人能告诉我为什么 console.log 返回 0 吗？

$(document).ready(function() {
    console.log($('#banner-image').height());
});

Answer 1

.ready 将不起作用，因为您的图像尚未加载。使用.load