jQuery height() 返回错误值

Question

我正在尝试使用 jQuery 将多个 div 的高度设置为与最高的 div 的高度相同。基本上我遍历 div 并从每个 div 获取高度，将最大的存储在变量中。然后我再次遍历所有这些并将它们的高度设置为变量。

但是，jQuery 为我提供了错误的高度值。例如，第一个 div 的 height() 函数返回 633，但当我在检查器中查看它时，它说它是 603。我完全不知道它为什么要这样做。它似乎包括填充和边距，但文档说它不应该这样做。

div 的高度在我的样式表中设置为自动。如果我给它们一个固定的像素高度，那么 jQuery height() 函数会返回正确的值，但当它们处于自动状态时(因为它们需要)则不会。

相关网站是 ictsf.org。请注意三列底部的额外空间。

Answer 1

问题与在 $(document).ready() 上运行的“均衡列高”代码有关，这发生在 WebKit 知道您的图像高度之前。

因此，最快的解决方法是改为在 $(window).load() 上运行代码.或者，更好的是，使用 imagesLoaded plugin .

或者，在 img 上设置 height 属性可能会解决问题。