javascript - jQueryと同じ高さの列が機能しない?

Question

等しい列を取得するために多くのアプローチを試しましたが、うまくいきませんでした。ドキュメントの準備とウィンドウの読み込みの両方を使用して、さまざまな呼び出しで見つけることができるjQueryプラグインのすべてのバリエーションを、頭と本文の終わりの前で試しました...運が悪いだけです...サイドバーは私のコンテンツを満たし続けません.

私は最新のショット (この方法: 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/

Answer 2

ここでこれを試してみてください...

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