Как получить высоту div после загрузки содержимого?

Question

im пытается получить размер <img> в <window> путем проверки ширины и высоты его контейнера.

Я использовал .load(), чтобы подождать до загрузки <img>.

На PageLoad размер по-прежнему 0.

я только получить правильную высоту на изменение размера.

Что здесь не так?

EDIT: чтобы получить правильный размер я добавил .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);

EDIT: весь код с некоторые улучшения

$(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); 
});