Css 在Chrome中，JQuery div.height使所有div的高度相同是错误的

我使用以下代码使

rightpos

、

leftpos

和

middlepos

divs具有相同的高度：

<script>

    jQuery.noConflict();
    jQuery(document).ready(function($){

        // Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        // Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

    })
</script>

$（document）.ready（）不适合计算高度$（document）.ready（）不会等待图像加载等

我建议你试试

$(window).ready() 

相反…

尝试用

window.load（）

代替

document.ready（）

，以确保在计算高度之前加载所有资产

jQuery(window).load(function($){

文件：

加载事件在元素和所有子元素都已加载时发送到元素 我的行李已经装满了。此事件可以发送到任何元素 与URL关联：图像、脚本、帧、iFrame和 窗口对象

请参见演示：

---

我看到所有的div都具有相同的高度（使用镀铬）。有什么问题吗？我在Linux中使用chromium，它有问题。我现在就上传这张照片，请不要问你的问题<代码>窗口。加载在这里工作正常：你能把我的分数还给我吗？我个人使用过$（window）.ready（）…它和$（window）.load（）一样好。您可能认为它工作得很好，但它根本不是一回事，您的答案与

document.ready

没有太大区别。再次阅读

.ready（）

的文档。。。“指定DOM完全加载时要执行的函数。”。然而，

.load（）

“在一个元素和所有子元素都已完全加载时发送到该元素。”谢谢@Sparky672，但它不起作用，似乎这破坏了我的代码。最后的

警报

不起作用。@smhnaji。向下滚动。你能构造一个JSFIDLE演示来显示你的问题吗？这很奇怪，但是当使用

jQuery（window.load

）时，我发现

$

不起作用（而

document.ready

正好与

$

和相同的代码一起工作），不管怎样，我在你的解决方案中使用了

jQuery

，而不是

$

。实时示例位于的主页上

jQuery(window).load(function($){