我使用了以下代码来使 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 中存在问题。
更新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>
window.load
在这里运行正常:http://jsfiddle.net/snBLP/3/ - Sparky