Javascript 如何在引导模式对话框(JS)中获取图像高度
这有点让我发疯,我有一个模式是滚动过去的窗口视图,但我需要知道它的内容高度 现在,我的JS给出了它们的高度是0,所以我自然地去了console.log节点对象以检查出了什么问题 然后。。。在浏览器控制台中,它给出了实际高度,但。。。如果我直接在console.log中记录height属性,则不会 那么,我如何得到一个div的实际高度,以及这里发生了什么 代码: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
$('.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
事件处理程序中执行此操作。