我有以下脚本，如果页面刷新，但我希望能够动态获取resize的窗口的大小而不刷新页面并将相应的高度应用于一个部分。
var w = $(window).width(); var h = $(window).height(); $('section').height(h); 我错过了什么让它更动态地工作？
尝试以下操作，每次加载或调整窗口大小时都会调用该函数：
$(window).on('load resize', function(){ var w = $(window).width(); var h = $(window).height(); $('.section-content').height(h); });
您在评论中确认该section实际上应该是.section-content 。
的jsfiddle
$(window).resize(function(){ var w = $(window).width(); var h = $(window).height(); $('.section-content').height(h); });
尝试在窗口resize时设置高度宽度。
窗口大小调整高度/宽度变化小提琴
jQuery的：
需要了解更多jQuery教程分享jQuery – 在窗口resize时调整元素高度以匹配窗口而不刷新，都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
$(window).on('resize', function(){ var h=($(window).height(); var w=$(window).width(); $('.section-content').height(h); });
function setToWinSize(){ var win = $(window); $('section').width(win.width()).height(win.height()); } $(function(){ // on DOM ready setToWinSize(); $(window).resize(function(){ setToWinSize(); }); });
以上就是jQuery教程分享jQuery – 在窗口resize时调整元素高度以匹配窗口而不刷新相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/982124.html