jquery - jQuery在应用类之前计算高度

Question

我试图让 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 - 变量 elementHeight 应该返回 300px 正确，因为我只是在 addClass 执行后应用一个类来更改高度？

但它返回的是 0px 。

在我添加一个类以将高度设置为 0 之前，有人可以给我一个关于如何获得 300px 值作为计算的解决方案吗？

非常感谢

Answer 1

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

小提琴