jquery - jQuery .ready に代わるものはありますか?

Question

window.height と content.height をチェックし、コンテンツの高さに応じて動的な高さを与えています。なぜ私はこれをしているのですか？コンテンツが少ない時にフッターを一番下に入れたいからです。

したがって、1 つの例外を除いて、正常に動作するこのコードがあります。

<script type="text/javascript">
       jQuery(document).ready(function(){
       var s = jQuery(window).height();
       var n = jQuery("#content").height();
       if(n<s-270&&n>0)
            jQuery("#content").height(s-270);
        });
</script>

タブ モジュールを使用しているこのページhttp://bmsc.tfei.info/en/staffにアクセスすると、正しく動作しません。2回以上更新すると、機能します。フルロード後にすべて（ウィンドウ、コンテンツ）の高さを確認したい。何かアドバイス？

Answer 1

この場合、ウィンドウonloadイベントを使用します。

jQuery(window).on('load',function(){
       var s = jQuery(window).height();
       var n = jQuery("#content").height();
       if(n<s-270&&n>0)
            jQuery("#content").height(s-270);
        });

このイベントは、すべての非同期要素 (画像、スクリプト) が読み込まれたときに発生します。

そして、ウィンドウに関連するハンドラーの中にいるので、次のように書くことができます:

var s = jQuery(this).height();

Answer 2

resize functionこれに使用できます。

お気に入り、

<script type="text/javascript">

    function test()
    {
           var s = jQuery(window).height();
           var n = jQuery("#content").height();
           if(n<s-270&&n>0)
                jQuery("#content").height(s-270);
    }

    jQuery(document).ready(function(){
         test();
    });
    jQuery('window').on('resize',function(){
         test();
    });
    // you can call load and resize once like,

    jQuery('window').on('load resize',function(){
         test();
    });
 </script>

Answer 3

jQuery(window).on('load',function() { 
 /* code goes here*/ 
});