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

，而不是...