加载内容后如何获取div的高度?

用户名

我试着去获得的尺寸<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);
    });
});
普沃拉克

您定义一个函数,但不调用它

放在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);
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章