jQuery height of element.style

Question

Come ottengo l'altezza di DIV, impostata da jQuery?
$('.bar2').animate({'height':'58' + "%"},1500);

Quando ho ispezionare elementi in cromo vedo che la mia altezza DIV è impostato su 58%

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

Ho provato questo:

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

ma Ricevo sempre la mia "altezza minima" che è 70 px, non l'altezza impostata da 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> 

JS:

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

esempio vivo qui - http://jsfiddle.net/ANbrq/1/

Si può ottenere solo una diversa altezza, quando in realtà è cambiato. Se stai cercando di farlo bene dopo averlo chiesto di ridimensionarlo, otterrai l'altezza iniziale.

Answer 2

penso che si usa:

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

Quale è l'altezza calcolata o

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

Se non avete bisogno di prendere margine di conto e imbottitura e cosa-no.