Question

我试图通过检查其容器的宽度和高度来获取<img>中<window>的大小。

我使用.load()等待<img>加载。

在页面加载时，大小仍为0.

我只能在调整大小时获得正确的高度。

这里有什么问题？

编辑：为了获得正确的尺寸，我添加了.contents()

$(document).ready(function(){
    $('img').load(function(){   
        function size(){
            var height  = $('#size').contents()height();
            var width   = $('#size').contents().width();
            $('#size').find('p.size').remove();
            $('#size').append('<p class="size">' + height + '-' + width + '</p>');
        };
        $(window).load(size);
        $(window).resize(size);
    });
});

Answer 1

你定义了一个函数，但你没有调用它

在size();

之后放置$(window).resize(size);

编辑：整个代码有一些改进

$(document).ready(function(){
    function size(){
        var height = $('#size').height();
        var width = $('#size').width();
        $('#size').find('p.size').remove();
        $('#size').append('<p class="size">' + height + '-' + width + '</p>');
    }

    $(window).load(size);
    $(window).resize(size);
    $('img').load(size);
});

如何在加载内容后获得div的高度？

1 个答案: