这段代码有什么问题?我试图改变每个部分的高度到窗口的高度

whats wrong with this code? im trying to change the height of each section to the height of window

本文关键字：高度 改变 个部 窗口 代码 段代码 问题 什么      更新时间：2023-09-26

这段代码有什么问题?我试图改变每个部分的高度到窗口的高度。

function setsize()
 {
var w=$(window).width();
var h=$(window).height();
var sections = new Array("home","about","skills");
    for (var i=0;i<3;i++)
    {
        var element = document.getElementById(sections[i]);
        $(element).height(h);
    }
}
$(window).ready(function() {
    setsize(); 
});
$(window).resize(function() {
    setsize();
});

下面是标记的示例:

    <section id="#home">
                                    <h1>..................</h1>
    </header>

这样做是不是很奇怪?

$(window).on('resize load', function() {
    $('#home, #about, #skills').height( $(this).height() );
});

当窗口改变大小时，你必须更新变量，即在resize函数

中编辑:

您还需要一个DOM就绪处理程序和一个窗口。这样做时，onload并不总是触发，所以只需在DOM ready上做同样的事情，如下所示:

$(function() {
    $('#home, #about, #skills').height( $(window).height() );
    $(window).on('resize', function() {
        $('#home, #about, #skills').height( $(this).height() );
    });
});

小提琴

相关文章：