5

jQueryによって設定されたDIVの高さを取得するにはどうすればよいですか?
$('.bar2').animate({'height':'58' + "%"},1500);

クロムの要素を調べると、DIV の高さが 58% に設定されていることがわかります

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

私はこれを試しました：

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

しかし、jQueryによって設定された高さではなく、常に70pxの「最小高さ」を取得します

4

2 に答える 2

3

私はあなたが使用すると思います：

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

計算された高さまたは

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

マージンやパディングなどを考慮する必要がない場合。

于 2012-06-27T16:33:51.117 に答える
2

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'))
});

ここのライブ例 - http://jsfiddle.net/ANbrq/1/

実際に変更された場合にのみ、異なる高さを取得できます。サイズ変更を要求した直後に取得しようとすると、最初の高さが取得されます。

于 2012-06-27T16:37:41.930 に答える