Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在引导模式对话框(JS)中获取图像高度_Javascript_Jquery_Bootstrap 4 - Fatal编程技术网

Javascript 如何在引导模式对话框(JS)中获取图像高度

Javascript 如何在引导模式对话框(JS)中获取图像高度,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,这有点让我发疯,我有一个模式是滚动过去的窗口视图,但我需要知道它的内容高度 现在,我的JS给出了它们的高度是0,所以我自然地去了console.log节点对象以检查出了什么问题 然后。。。在浏览器控制台中,它给出了实际高度,但。。。如果我直接在console.log中记录height属性,则不会 那么,我如何得到一个div的实际高度,以及这里发生了什么 代码: $('.modal').modal('toggle'); for(设i=0;i

这有点让我发疯,我有一个模式是滚动过去的窗口视图,但我需要知道它的内容高度

现在,我的JS给出了它们的高度是0,所以我自然地去了console.log节点对象以检查出了什么问题

然后。。。在浏览器控制台中,它给出了实际高度,但。。。如果我直接在console.log中记录height属性,则不会

那么,我如何得到一个div的实际高度,以及这里发生了什么

代码:

$('.modal').modal('toggle');
for(设i=0;i<6;i++){
$('.modal body')。追加(`
`)
}
for(常量img为$('.modal body').children()){
控制台日志(img,img.offsetHeight);
}

onload事件 触发
onLoad
事件时,您应该检查图像的
offsetHeight

例如:

让img=$('');
img.on('load',function(){
警报('offsetHeight:'+此。offsetHeight+'px')
});
$('.container').append(img)


因为您不必等待它们在之前加载checking@PatrickEvans哦,现在有道理了,但我不确定如何解决这个问题,在我的示例中,我使用了相同的图像,但实际上每个图像都是唯一的图像,我是否应该首先将它们转换为base64以便其预加载?我不确定是否在映像的
onload
事件处理程序中执行此操作。