/ / jQueryクラスが適用される前に高さを計算する-jquery、css

jQueryクラスが適用される前の高さの計算 - jquery、css

jQueryで要素の高さを計算してから、CSSで要素の高さを0pxに設定するために使用するクラスを追加しようとしています。

私の問題は、jQueryがこれらの計算を正しい順序で行っていないことです。これは私が起こりたいことです...

$(document).ready(function(){
elementHeight = $("div#test").outerHeight(true); // Calculate the height of the element before we do anything else
}, $("div#test").addClass("zeroheight")); // Once we"ve calculated add a CSS class

CSS ...

#test {
height: 0;
}

今、自然な要素の高さが300pxだとしましょう-addClassが実行された後に高さを変更するためにクラスを適用しているだけなので、変数elementHeightは300px右を返す必要がありますか?

しかし、代わりに0pxを返します。

クラスを追加して高さを0に設定する前に、計算として300pxの値を取得する方法に関するソリューションを教えてもらえますか?

どうもありがとう

回答:

回答№1は1
$(document).ready(function(){
var elementHeight = $("#test").height();
$("#test").addClass("zeroheight");
});

フィドル