对于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>
使用这种方式确定http://yaskawa.ir/主页的最高div在Firefox中运行良好,但在Chrome中有问题.
Sparky672的回答后更新1：
我可以看到,使用这段代码,警报(‘test here’);最后不行.
<script>
jQuery.noConflict();
//jQuery(document).ready(function($){});
jQuery(window).load(function($){
// Find the greatest height:
maxHeight = Math.max($('#rightpos').height(),$('#leftpos').height());
// Set height:
$('#rightpos').height(maxHeight);
$('#middlepos').height(maxHeight);
$('#leftpos').height(maxHeight);
alert('test here');
})
</script>
解决方法
尝试使用window.load()代替document.ready(),以确保在计算高度之前加载所有资源.
jQuery(window).load(function($){
文档：
The load event is sent to an element when it and all sub-elements have
been completely loaded. This event can be sent to any element
associated with a URL: images,scripts,frames,iframes,and the
window object.
http://api.jquery.com/load-event/
见演示：
