Javascript 文档准备就绪时Div未调整大小（在Chrome中）

这是代码。它在Firefox上运行良好

var imageGrad = $('.cuadro-azul-consejo'),
    image = $('.img.foto');

function resizeDiv () {
    imageGrad.height(image.height());
    $(document).ready(function() {
        $("img.foto").each(function() {
            $('.cuadro-azul-consejo').css("height",$(this).innerHeight());
            $('.cuadro-azul-consejo .outter-azul').css("height",$(this).innerHeight());
        });
    })
}

resizeDiv();
$(window).resize(function() { resizeDiv(); });

代码从图像中获取高度并应用于div，但当页面加载时，div采用

0px

height。我必须调整窗口的大小才能使它工作

---

我错过了什么

your

$（document）.ready（function（）

在函数内部，创建函数并在document ready和window resize时调用它。ready（function（）在函数内部，创建函数并在document ready和window resize时调用它

尝试更改

image=$（'.img.foto'））

to

image=$（'img.foto'）；

我认为错误在于你的页眉中有这个。所以当代码执行时，还没有加载任何内容，并且没有生效。尝试将它放在网站的页脚中，然后再试一次！你首先尝试加载图像，如果存在图像，请调用函数resizeTry changing

image=$（'.img.foto'）；

to

image=$（'img.foto'）；

我认为错误在于你的页眉中有这个。因此，当代码执行时，还没有加载任何内容，并且没有生效。尝试将它放在网站的页脚中，然后重试！你首先尝试加载图像，如果存在图像，请调用函数resize