等高列jQuery在webkit浏览器中不起作用

我尝试使用这两种解决方案

(一)

(二)

有相等高度的列，但我只在webkit浏览器中有问题

下面是一个示例，左侧列的内容溢出。这些柱子的高度实际上是一样的，但都太短了

这是我的jQuery调用，在页脚中：

jQuery(document).ready(

function() {

//Equal columns
jQuery('#center_column, #right_column,#left_column').equalHeights();
}
);

由于某种原因，它看起来是在DOM完全就绪之前执行的

---

有什么建议吗？

我以前遇到过问题，Webkit浏览器在document.ready事件之后才能看到图像尺寸。要解决此问题，可以在标记中指定高度和宽度：

<img src="foo.jpg" alt="Foo" width="500" height="500" />

---

如果这不起作用，您可能会发现您需要做一些修改，使用window.load事件而不是$（document.ready）。

为什么不使用普通css呢？

jQuery(document).ready(

function() {

//Equal columns
jQuery('#center_column, #right_column,#left_column').equalHeights();
}
);

<img src="foo.jpg" alt="Foo" width="500" height="500" />