Javascript jQuery-在调整窗口大小时,调整元素高度以匹配窗口而不刷新
我有下面的脚本,如果页面被刷新,它可以正常工作,但是我希望能够在不刷新页面的情况下动态地获得调整大小的窗口的大小,并将相应的高度应用于一个部分Javascript jQuery-在调整窗口大小时,调整元素高度以匹配窗口而不刷新,javascript,jquery,Javascript,Jquery,我有下面的脚本,如果页面被刷新,它可以正常工作,但是我希望能够在不刷新页面的情况下动态地获得调整大小的窗口的大小,并将相应的高度应用于一个部分 var w = $(window).width(); var h = $(window).height(); $('section').height(h); 要使其更具动态性,我缺少什么?请尝试在调整窗口大小时设置高度和宽度 $(window).resize(function(){ var w = $(window).width();
var w = $(window).width();
var h = $(window).height();
$('section').height(h);
要使其更具动态性,我缺少什么?请尝试在调整窗口大小时设置高度和宽度
$(window).resize(function(){
var w = $(window).width();
var h = $(window).height();
$('.section-content').height(h);
});
Jquery:
$(window).on('resize', function(){
var h=($(window).height();
var w=$(window).width();
$('.section-content').height(h);
});
尝试以下操作,每次加载或调整窗口大小时都将调用该函数:
$(window).on('load resize', function(){
var w = $(window).width();
var h = $(window).height();
$('.section-content').height(h);
});
您在评论中确认,部分
实际上应该是。部分内容
嗯……奇怪。它在你的小提琴上非常有效,但在我的工作文件上却不行。我想窗口加载函数应该在
文档就绪
函数中。不管怎样,我都不走运。是的,否则调用函数时,部分
将不存在,您将看不到任何区别。另外,你确定你有一个节
元素,而没有另一个元素有节
类给它吗?糟糕透了。我在类名上漏了一个句号。请问,您为什么建议使用load resize
而不仅仅是resize
?谢谢所以它是。节
?我会编辑。如果不在其中添加加载
侦听器,则该部分最初不会调整大小。只有当你调整窗口大小时,它才会调整大小。我明白了。我的工作文件中使用的实际类名是。节内容
。为了问题的简洁,我刚才使用了部分。
function setToWinSize(){
var win = $(window);
$('section').width(win.width()).height(win.height());
}
$(function(){ // on DOM ready
setToWinSize();
$(window).resize(function(){
setToWinSize();
});
});