jQuery height öğesinin yüksekliği

Question

jQuery tarafından belirlenen DIV yüksekliğini nasıl alabilirim? Ben chrome öğelerini incelediğinizde
$('.bar2').animate({'height':'58' + "%"},1500);

benim DIV yüksekliği denedim

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

58% olarak ayarlanır görüyoruz bu:

var bar2 = $(".bar2").height(), veya

var bar2 = $(".bar2").css('height'), ama Ben her zaman "min-height" olan 70px, jQuery

tarafından belirlenen yükseklik değil olsun

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> 

JS: Burada

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

Canlı örneği - http://jsfiddle.net/ANbrq/1/

aslında değişti zaman yalnızca farklı yükseklik alabilirsiniz. Yeniden boyutlandırmasını istedikten sonra hemen almaya çalışıyorsanız, başlangıç ​​yüksekliğini alırsınız.

Answer 2

Kullanabileceğin düşünüyorum:

bilgisayarlı yükseklik veya

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

hesap marjı ve dolgu ve ne-değil almak gerekir yoksa

olduğunu

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

.