jquery - jQuery .ready 有什么替代品吗？

Question

我正在检查 window.height 和 content.height 并根据内容的高度给出动态高度。我为什么要这样做？因为我想在内容较少时将页脚放在底部。

所以我有这段代码可以正常工作，但有一个例外。

<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时，它无法正常工作。当我刷新两次或更多时间时，它开始工作。我想在完全加载后检查所有内容（窗口、内容）的高度。有什么建议吗？

Answer 1

In this case, use window onload event:

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);
        });

This event is fired when all async elements (pictures,script) have been loaded.

And as you are inside a handler relative to window, you could write:

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*/ 
});