javascript - これをより洗練された方法で書く方法は？

Question

これは機能しますが、もっときれいに書かれていると確信しています。

<script>
$(document).ready(function(){
  $('.col').css({'height':($(document).height())+'px'});
  $(window).resize(function() {
    $('.col').css({'height':($(document).height())+'px'});
  });
}
</script>

私は最初のものなしで試しましたが、うまくいき$('.col').css...ません。つまり、基本的にブラウザに伝えたいのは、「ドキュメントの準備ができたら、このdivのサイズを変更し、高さが変わるたびにサイズを変更し続ける」ということです。

Answer 1

ここにあります：

<script>
    $(window).resize(function() {
        $('.col').css({'height':($(document).height())+'px'});
    });
    $(function(){
        $(window).trigger('resize');
    });
</script>

ドキュメントの準備ができたら、イベントをリッスンしてresizeトリガーできます。

その他の小さな変更:

• で簡単document.readyにすることができます$(function(){})
• オブジェクトは常に存在し、必要に応じてイベントを関連付けることができるdocument.readyため、サイズ変更イベント リスナーは の前に作成できます。window

Answer 2

または、少し (私が推測する) よりクリーンな構文を使用した別のバリエーション:

$(window).resize(function() {
    $('.col').height($(document).height());
}).resize();