jQuery wysokość elementu.style

Question

Jak uzyskać wysokość DIV, ustawioną przez jQuery?
$('.bar2').animate({'height':'58' + "%"},1500);

Kiedy skontrolować elementy w chromie widzę, że mój wzrost DIV jest ustawiona na 58%

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

próbowałem to:

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

ale Zawsze otrzymuję swoją "minimalną wysokość", która wynosi 70 pikseli, a nie wysokość ustawioną przez 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')) 
}); 

żywo przykładem tutaj - http://jsfiddle.net/ANbrq/1/

Można tylko dostać inną wysokość, gdy jest rzeczywiście zmieniło. Jeśli próbujesz to zrobić zaraz po tym, jak poprosisz o zmianę rozmiaru, otrzymasz początkową wysokość.

Answer 2

myślę użyłbyś:

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

Jaka jest wysokość obliczona lub

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

Jeśli nie trzeba wziąć margines konta i wyściółkę i co-nie.