jQuery ऊंचाई() एक दृश्य div पर 0 देता है - क्यों?

Question

मेरे पास 360px की सेट ऊंचाई के साथ एक कंटेनर (thetext1) है। "thetext1" में दो divs हैं - एक बाईं ओर और एक दाईं ओर तैरता है - जिसमें से दोनों सामग्री को AJAX कॉल के माध्यम से वितरित किया जाता है।

ऐसे समय होंगे जब इनमें से एक या अन्य divs में सामग्री 360px से अधिक हो और इसलिए मैं तदनुसार thetext1 की ऊंचाई को बढ़ाना चाहता हूं।

मेरे परीक्षण कोड

newhgt = $('#thetext1').find('div.rhs').css("background", "pink").height(); 

रिटर्न 0 - (मेरे चयनकर्ता सही रूप में लक्षित div पूरी तरह से गुलाबी है!)।

यह क्यों है? मुझे पता है - इस साइट पर पिछली पोस्ट के उत्तरों से - यह समाधान अतिप्रवाह जोड़ने के लिए है: छुपे हुए थेटेक्स्ट 1, लेकिन मैं समझना चाहता हूं कि क्यों rhs और lhs div की ऊंचाई प्राप्त करने का मेरा प्रयास विफल रहा है।

Answer 1

यकीन है कि कोड $ (विंडो) .load [नहीं $ (document) .ready] के अंदर है

$(window).load(function() { 
    newhgt = $('#thetext1').find('div.rhs').css("background", "pink").height(); 
}); 

Answer 2

आपका कूट चल रहा है डेमो

http://jsfiddle.net/VWBrf/1/

, सही प्रतीत हो रहा है यहां

Answer 3

आप अभी भी $ (दस्तावेज़) का उपयोग कर सकते हैं। जब तक आप यह देखने के लिए जांचें कि तत्व पहले लोड किया गया है या नहीं। मैं

$("_element name/id_").load(function() { 
     $(this).height(); 
}); 

साथ जाने के लिए चुना है मैं मूल रूप से समाधान मिला: http://www.fortwaynewebdevelopment.com/jquery-width-or-height-always-returns-0-fix/

और पहली प्रतिक्रिया में इस सवाल का जवाब उपयोग करने के लिए चुना है।

Answer 4

मुझे एक ही समस्या थी, और मैंने एक बात देखी, जब आप कॉल करते हैं तो div को दिखाई देने की आवश्यकता होती है। हाइट();

लेकिन, यदि div दिखाई दे रहा है, तो भी इस div के माता-पिता को दिखाई देने की आवश्यकता है। दूसरे तो तुम की गारंटी है कि माता पिता div दिखाई (प्रदर्शन! = कोई नहीं) कर रहे हैं

लेखन एक $('#div').parent().show(); एक माता पिता जाहिर कर देंगे, आप की आवश्यकता हो सकती चाहिए parent().show();

Answer 5

newhgt = $('#thetext1').find('div.rhs').css("background", "pink")[0].getBoundingClientRect().height;