javascript - jquery.css関数の不安定な動作に関する問題

Question

機能に問題がありjquery .cssます。これを使用して、高さがautoに設定されている要素の実際の高さを取得しています。私が使用しているコードは：

$(this).css({ height: $(this).css("height"), width: $(this).css("width") });

問題は、.css関数が時々実際の高さを返す"0px"こともあります（これは望ましい動作です）。"auto"誰かが私がここで間違っていることを教えてもらえますか？

Answer 1

$(this).css("height")定義された（またはデフォルトの）値を$(this).height()提供し、実際の「測定された」高さを提供します。

http://api.jquery.com/height/から:

一致した要素のセットの最初の要素の現在の計算された高さを取得するか、一致したすべての要素の高さを設定します。

そしてhttp://api.jquery.com/css/から:

一致した要素のセットの最初の要素のスタイル プロパティの値を取得するか、一致した要素ごとに 1 つ以上の CSS プロパティを設定します。

Answer 2

$(this).css("height")CSSheightプロパティの設定値を返します。

要素の物理的な高さを取得するには、 を呼び出します$(this).height()。

Answer 3

スニペットの目的を確認できませんが、jquery を使用して、少なくともクロス ブラウザであるコードを使用します。

$(this).css({ height: $(this).height(), width: $(this).width() });