使用jQuery更改屏幕分辨率时执行某些操作
我想在页面加载时将div的高度设置为窗口的高度 因此,我使用了以下代码:使用jQuery更改屏幕分辨率时执行某些操作,jquery,height,screen-resolution,Jquery,Height,Screen Resolution,我想在页面加载时将div的高度设置为窗口的高度 因此,我使用了以下代码: $(document).ready(function () { var x = screen.availWidth; var y1 = screen.availHeight; var y2 = screen.Height; var w = $(window).height(); var d = $(do
$(document).ready(function () {
var x = screen.availWidth;
var y1 = screen.availHeight;
var y2 = screen.Height;
var w = $(window).height();
var d = $(document).height();
alert('availHeight : ' + y1);
alert('Height : ' + y2);
alert('window : ' + w);
alert('document : ' + d);
$('#OuterDiv').css({ 'height': w });
//alert($('#OuterDiv').css('height'));
}); //End Of $(document).reedy
问题1:
当屏幕分辨率改变时,div仍具有以前的高度。我怎样才能解决这个问题 问题2: 我希望该div的高度为100%,并且由于一些css问题,我使用了jQuery。
但当页面加载时(在页面加载期间),div的高度就是其内容的高度,在jQuery工作之后,该div获得窗口的高度 我认为这在页面加载时不好。
如何解决此问题
高度:100%
不适用于该div:
原因如下->
提前感谢您可以像这样捕获调整大小事件:
$(window).resize(function() {
alert($(window).width());
alert($(window).height());
});
如果要立即调整大小,请将脚本从就绪事件中取出,并将其内联放置在div
的正下方(也可以在就绪时再次调用它)
例如
内容
$('#myDiv').height($(window.height());
您可以这样捕获调整大小事件:
$(window).resize(function() {
alert($(window).width());
alert($(window).height());
});
如果要立即调整大小,请将脚本从就绪事件中取出,并将其内联放置在div
的正下方(也可以在就绪时再次调用它)
例如
内容
$('#myDiv').height($(window.height());
有什么理由不能直接使用CSS吗?如果你将身体的宽度和高度设置为100%,并绝对定位你的div,你应该达到同样的效果
下面是您正在查找的jQuery事件,它将#box设置为窗口的宽度和高度
$(document).ready(function() {
var resizeBox = function() {
$('#jq').css({width: $(window).width(), height: $(window).height()});
};
resizeBox();
$(window).resize(resizeBox);
});
下面是一个示例,其中包括一个用于比较的CSS框。请注意,JS版本滞后是因为它基于调整大小事件,而CSS调整大小是浏览器本身固有的。有什么原因不能只使用CSS吗?如果你将身体的宽度和高度设置为100%,并绝对定位你的div,你应该达到同样的效果 下面是您正在查找的jQuery事件,它将#box设置为窗口的宽度和高度
$(document).ready(function() {
var resizeBox = function() {
$('#jq').css({width: $(window).width(), height: $(window).height()});
};
resizeBox();
$(window).resize(resizeBox);
});
下面是一个示例,其中包括一个用于比较的CSS框。请注意,JS版本滞后是因为它基于调整大小事件,而CSS调整大小是浏览器本身固有的。@rooney Thanke you guys for answers/但我需要比document更快的东西。就绪(Q#2)/我能为这个问题做些什么?@rooney Thanke you guys for answers/但我需要比document更快的东西。就绪(Q#2)/我能为这个问题做些什么?