0

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の値を取得する方法について誰かが私に解決策を教えてもらえますか？

どうもありがとう

4

1 に答える 1

1 
$(document).ready(function(){
     var elementHeight = $('#test').height();
     $('#test').addClass('zeroheight');
});

フィドル

于 2012-05-09T00:06:43.470 に答える