एक समारोह निष्पादित करने के बाद एक div अंदर के सभी चित्र

Question

मैं jQuery के साथ है और इस div में एक div की ऊंचाई प्राप्त करना चाहते हैं भरी हुई, वहाँ कुछ छवियों है कि इस का आकार बदलने के div जब भरी हुई है:

लेकिन नीचे दिए गए कोड के साथ , यह मेरे div की ऊंचाई देता है इससे पहले कि छवियों

$(document).ready(function() { 
     $(".link_module").each(
      function() { 
       maxheight = Math.max(maxheight,$(this).height()); 
      } 
     ).height(maxheight); 
}); 

मैं इस के लिए मेरे कोड बदल दिया है लाद दिए गए लेकिन कुछ भी परिवर्तन:

$(document).ready(function() { 
    $(".link_module img").load(
     function(){ 
      $(".link_module").each(
       function() { 
        maxheight = Math.max(maxheight,$(this).height()); 
       } 
      ).height(maxheight); 
     } 
    ) 
}); 

किसी को भी मदद कर सकते हैं मुझे मेरे लक्ष्य तक पहुँचने के कोड बदलने?

Answer 1

आप जो आग $(window).load() उपयोग कर सकते हैं जब दस्तावेज़ और यह संपत्ति पूरी तरह से सभी वस्तुओं और छवियों सहित, लोड किए गए हैं रहा है: पर

लोड घटना आग दस्तावेज़ लोडिंग प्रक्रिया का अंत। इस बिंदु पर, दस्तावेज़ में सभी ऑब्जेक्ट्स डोम में हैं, और सभी छवियों और उप-फ्रेम लोडिंग समाप्त हो गए हैं।

$(window).on('load', function() { 
    $(".link_module").each(
     function() { 
      maxheight = Math.max(maxheight,$(this).height()); 
     } 
    ).height(maxheight); 
}); 

Answer 2

इसे आज़माएं। लेमेम जानता है कि यह काम करता है।

var childW=0 
$(".link_module").children().each(function(){  
    $("img").load(function() { 
    childW+=$(this).outerWidth(); 
    }); 
}); 

Answer 3

प्रयास करें इस

$(document).ready(function() { 
    var $this = $(this); 
    $(".link_module img").load(
     function(){ 
      $(".link_module").each(function() { 
      maxheight = Math.max(maxheight,$this.height()); 
      }).height(maxheight); 
    }); 
});