div सामग्री लोड के बाद div ऊंचाई प्राप्त करें

Question

मैं एक div की ऊंचाई को दूसरे के बराबर सेट करने की कोशिश कर रहा हूं। मैं उन्हें बाएं और दाएं divs कहूंगा। दाएं div सामग्री हमेशा एक जैसी नहीं है और jQuery के साथ लोड की गई है। यह एक फ़िल्टर है इसलिए हर बार जब आप फ़िल्टर पर क्लिक करते हैं, सामग्री बदलती है और माता-पिता div ऊंचाई भी होती है।

यह मेरा कोड है:

jQuery(document).ready(function($) { 
    $(window).resize(function() { 
     location.reload(); 
    }); 
    var Height = $("#archive").outerHeight(); 
    $('.recursos-sidebar').css("height", Height); 
}); 

समस्या यह है कि छोड़ दिया div ऊंचाई सही div के बराबर है जब यह खाली है (कोई सामग्री भरी हुई है) है।

किसी जानते हैं कि कैसे मैं सही div सामग्री के बाद हर बार बदल की ऊंचाई मिल सकता है?

Answer 1

मैं अपनी साइट पर स्रोत इसलिए यहाँ के माध्यम से खोज करना चाहते हैं न कि मैं क्या लगता है कि आप के बारे में बात कर रहे हैं पर एक दरार है।

<div id="firstdiv"></div> 
<div id="seconddiv"></div> 

<script> 
    $("firstdiv").change(function() { 
     var s= $("seconddiv").height(); 
     $(this).height(sndHeight); 
    }); 
</script> 

Answer 2

यहाँ अपने जवाब है:

$(document).ready(function() { 
    $("#firstDiv").css('height',$("#secondDiv").height()); 
}); 

और एक डेमो आप यहाँ मिल: http://fiddle.jshell.net/stryd3r/MgnT8/

Answer 3

आप तत्व clientHeight से प्राप्त कर सकते हैं:

document.getElementById("test").clientHeight