javascript - 文档准备好后 Div 不调整大小(在 Chrome 中)

Question

这是代码。它在 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 高度。我必须调整窗口大小才能使其正常工作。

我错过了什么？

Answer 1

您的 $(document).ready(function() 在函数内部，创建函数并在文档就绪和窗口调整大小时调用它