使用图像高度来设置容器高度，但有时脚本在所有图像加载之前运行

Question

我试图根据

中的图像设置容器高度

我有这段代码

$('.gallery-results__item--image').each(function() {
            var newHeight = 0, $this = $( this );
            newHeight += ($this.children('img').height())+3;
            $this.height( newHeight );
        });

大部分时间都可以正常工作，但有时它会在图像加载之前运行。

检查图像已加载（具有高度）的最佳方法是什么

Answer 1

将 display:inline-block 用于外部div，将*display:block*用于内部div

＆＃13;

＆＃13;

.div1{
    display:inline-block;
    background:blue;
}
.div2{
    display:block;
    width:40px;
        height:40px;
    background:red;
}

＆＃13;

<div class="div1">
    
    <div class="div2"> img </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

将您的代码置于此之间：

window.onload = function() {
  // here JS is executed after all IMAGES are fully loaded
};