javascript - jQuery 不工作的等高列？

Question

我尝试了多种方法来获得相等的列，但没有一种对我有用。我已经尝试了 jQuery 插件的每一种变体，我可以通过使用文档就绪和窗口加载的不同调用找到，在头部和 body 结束之前......只是运气不好......侧边栏不会继续满足我的内容.

我已经用我最新的镜头创建了一个 fiddle (这是这个方法:http://www.outsidethebracket.com/equal-height-columns/)，但我准备更改为任何可行的方法。

http://jsfiddle.net/7WraW/

$(window).load(function(){
$("#sidebar").height(Math.max($("#content").height(),$("#sidebar").height()));
})

感谢任何帮助!

Answer 1

如果您使用 $(document).ready 而不是 $(window).load，效果很好:

$(document).ready(function () {
    var hgt = Math.max($("#content").height(), $("#sidebar").height());
    $("#sidebar,#content").height(hgt);
});

http://jsfiddle.net/mblase75/7WraW/5/