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()在函数内部，创建函数并在文档就绪并调整窗口大小时调用它

在文档准备就绪时不要调整大小（在Chrome中）

1 个答案: