JQuery的div.height是错误的Chrome浏览器进行所有的div相同的高度

Question

我用下面的代码具有相等的高度rightpos，leftpos和middlepos的div：

<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> 

使用这个最高的div确定主要页面http://yaskawa.ir/的方式在Firefox中运行良好，但在Chrome中遇到问题。

---

更新1后Sparky672的回答是：

我可以看到，这段代码中，alert('test here');末不起作用。

<script> 
    jQuery.noConflict(); 
    //jQuery(document).ready(function($){}); 

    jQuery(window).load(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); 

     alert('test here'); 
    }) 
</script> 

Answer 1

代替document.ready()尝试window.load()到确保在计算高度之前加载所有资产。

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

文档：

负载事件被发送到一个元件时，它和所有的子元件已经 被完全加载。此事件可以发送到与URL相关联的任何元素 ：图像，脚本，框架，iframe和窗口对象。

http://api.jquery.com/load-event/

观看演示：

http://jsfiddle.net/snBLP/3/

Answer 2

$（文件）。就绪（）是不适合用于计算高度。 $（文件）。就绪（）不会等待图像加载等

我建议尝试

$(window).ready() 

，而不是...