javascript - 图像 setTimeout 的替代方案

Question

如果我想使用 javascript 创建一个与(响应式)图像一样高的 div，我将求助于 setTimeout。例如我可能有这样的代码

setTimeout(function(){
    var $imgheight = $('img').height();
    $('.mydiv').height($imgheight);
}, 400);

有什么替代方案吗？我知道 imagesloaded 插件，有没有更简单的替代方案？

非常感谢

Answer 1

您可以使用load事件来了解图像何时加载:

$('img').on('load', function(){
    $('.mydiv').height(this.height);
});

http://jsfiddle.net/083d89me/

虽然我不认为需要设置 div 高度。默认情况下它不会自动调整到图像高度吗？