Wie erhält man die Höhe eines Div, nachdem der Inhalt geladen wurde?

Question

ich versuche, die Größe eines im <window> durch Überprüfung der Breite und Höhe des Containers zu erhalten.

Ich habe .load() verwendet, um zu warten, bis die <img> geladen ist.

Auf Pageload ist die Größe noch 0.

erhalte ich nur die richtige Höhe auf Größe ändern.

Was ist hier falsch?

EDIT: die richtige Größe i .contents() hinzugefügt

$(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

Sie eine Funktion definieren, zu bekommen, aber Sie es nicht

Ort size(); nach $(window).resize(size);

EDIT aufzurufen: ganze Code mit einige Verbesserungen

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