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

FIDDLE

jQuery在应用类之前计算高度

1 个答案: