如何在加載內容后獲得div的高度？

Question

我試圖通過檢查其容器的寬度和高度來獲取<window> <img>的大小。

我使用.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);
});