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