Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery在页面加载/调整大小时调整div的大小_Jquery_Css_Html - Fatal编程技术网

Jquery在页面加载/调整大小时调整div的大小

Jquery在页面加载/调整大小时调整div的大小,jquery,css,html,Jquery,Css,Html,我有以下JQuery,它在调整窗口大小或第一次加载时调用。我有一些问题,它似乎并没有像第一次加载时预期的那样工作。有人能告诉我什么故障吗 JQuery 1.8.3 HTML 据我所知,JQuery位应该在加载文档或调整窗口大小时通过调整请求的div的大小来实现预期的功能,但事实并非如此 是我做错了什么,还是我试图实现的目标不可能实现?Cdocument.ready事件太早,无法检查高度,请改用document.load事件 $window.resizeFunction{ 设置内容高度; }; $

我有以下JQuery,它在调整窗口大小或第一次加载时调用。我有一些问题,它似乎并没有像第一次加载时预期的那样工作。有人能告诉我什么故障吗

JQuery 1.8.3 HTML 据我所知,JQuery位应该在加载文档或调整窗口大小时通过调整请求的div的大小来实现预期的功能,但事实并非如此


是我做错了什么,还是我试图实现的目标不可能实现?

Cdocument.ready事件太早,无法检查高度,请改用document.load事件

$window.resizeFunction{ 设置内容高度; };

$document.loadfunctione{ 设置内容高度; };

原因是document.load事件在下载整个dom后很快被激发。但在tme渲染尚未发生时,可能不会应用css、未加载图像等。因此,高度将不正确

但是,在下载所有内容并应用样式之后,会触发load事件,所以应该获得正确的高度


无论如何,这不是你应该用脚本来做的事情,而是用样式来做。

我通过进一步使用代码来修复它

真的很简单

var height = $(document).height();
应改为:

var height = $(window).height();
body {
   margin:0;
   font-family:"Century Gothic";
   line-height:30px;
}

#container {
    width:1024px;
    margin: 0 auto;
}

#banner {
    width:1024px;
}

#content {
    width:1024px;           
    height:470px;
    z-index:98;
    float:left; 
    top:-7px;   
    overflow:hidden;
}

#footer {
    text-align:center;
    background:#59585D;
    position:absolute;
    bottom:0px;
    width:1024px;
    height:30px;
    font-size:12px;
    color:#ffffff;
}

#content-text-description {
    padding-top:20px;
    display:block;
    width:800px;
    z-index:3;
    overflow:auto;
}
var height = $(document).height();
var height = $(window).height();