当文档准备好(在Chrome中）时，Div不调整大小

Div not resizing when document is ready (in Chrome)

本文关键字：Div 调整 准备好 文档 Chrome      更新时间：2023-09-26

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

我错过了什么？

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

相关文章：