element.style की jQuery ऊंचाई

Question

मैं डीवीवी की ऊंचाई कैसे प्राप्त करूं, जो jQuery द्वारा निर्धारित है?
$('.bar2').animate({'height':'58' + "%"},1500);

जब मैं क्रोम में तत्वों का निरीक्षण मुझे लगता है कि मेरी DIV ऊंचाई 58%

<div class="bar2" style="height: 58%; background-image: ......>

मैं कोशिश की है पर सेट है यह:

var bar2 = $(".bar2").height(), या var bar2 = $(".bar2").css('height'),

लेकिन मुझे हमेशा मेरी "मिनी-ऊंचाई" मिलती है जो 70px है, ऊंचाई नहीं जो jQuery

द्वारा निर्धारित की गई है

Answer 1

HTML:

<div style="width: 200px; height: 200px; background-color: blue;"> 
    <div class="bar2" style="min-height: 70px; width: 100px; background-color: red;">foo</div> 
</div> 

जे एस:

jQuery('.bar2').animate({'height':'58' + "%"}, 1500, function() { 
    alert($(".bar2").css('height')) 
}); 

लाइव यहाँ उदाहरण - http://jsfiddle.net/ANbrq/1/

आप केवल एक अलग ऊंचाई प्राप्त कर सकते हैं जब यह वास्तव में बदल गया है। यदि आप आकार बदलने के लिए कहने के बाद इसे सही तरीके से प्राप्त करने का प्रयास कर रहे हैं, तो आपको प्रारंभिक ऊंचाई मिल जाएगी।

Answer 2

मुझे लगता है कि आप प्रयोग करेंगे:

$(".bar2").outerHeight(); 

कौन सा गणना ऊंचाई या

$(".bar2").innerHeight(); 

आप खाते मार्जिन और गद्दी और क्या-नहीं लेने की जरूरत नहीं है, तो है।