javascript - jQuery 的等高列不起作用？

Question

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

我已经用我的最新镜头创建了一个小提琴（这是这个方法：http ://www.outsidethebracket.com/equal-height-columns/ ），但我愿意改变任何一种可行的方法。

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

感谢任何帮助！

score 2 · Accepted Answer

如果您使用$(document).ready而不是$(window).load：

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

score 0 · Accepted Answer

这是使用 jquery 的等高列的简单解决方案：

$(window).load(function(){
    $("#left_side").height($("#right_side").height());
});

score 0 · Accepted Answer

来试试这个...

$(document).ready( function() {
  var contentHeight = $('#content').height();
  $('#sidebar').css('height', contentHeight + "px");
});

score 0 · Accepted Answer

有一个用于均衡元素的高度或宽度的 jQuery 插件，它要好得多，并且有更多的实用程序来实现这一点，而且非常易于使用：

希望这会有所帮助，快乐的编码:)

4 回答 4