加载div中的所有图像后执行一个函数

Question

我想用jQuery获取div的高度,在这个div中,有一些图像在加载时会改变这个div的大小:

但是使用下面的代码,它会在加载图像之前给出div的高度

$(document).ready(function() {
        $(".link_module").each(
            function () {
                maxheight = Math.max(maxheight,$(this).height());
            }
        ).height(maxheight);
});

我已将代码更改为此但没有任何变化:

$(document).ready(function() {
    $(".link_module img").load(
        function (){
            $(".link_module").each(
                function () {
                    maxheight = Math.max(maxheight,$(this).height());
                }
            ).height(maxheight);
        }
    )
});

任何人都可以帮助我更改代码以达到我的目标吗？

Answer 1

您可以$(window).load()在文档及其资源完全加载时使用哪个触发,包括所有对象和图像:

load文件在文档加载过程结束时触发.此时,文档中的所有对象都在DOM中,并且所有图像和子帧都已完成加载.

$(window).on('load', function() {
    $(".link_module").each(
         function () {
            maxheight = Math.max(maxheight,$(this).height());
         }
    ).height(maxheight);
});