Javascript 在Jquery中添加高度

我正在尝试确定一个特定的

div

的高度，该div具有类

。全屏
100%。
因此，我使用下面的脚本-它的工作非常出色

// Fullscreen    
$(document).ready(sizeContent);   
$(window).resize(sizeContent);    
function sizeContent() {    
    var newHeight = $("html").height() - $("#header").height() + "px";
    $(".fullscreen").css("height", newHeight);    
}

但是，如果您可以在这里查看：-尝试调整屏幕大小，当屏幕大小小于1024时，您是否可以看到div消失？这是因为
#标题
显示为无当屏幕大小低于2014px时

我相信发生的事情与显示“
$（“#header”）.height（）
”的位有关，因此函数也依赖于#header来工作，但由于未显示header，因此它不工作。。。我怎样才能解决这个问题？谢谢大家!

$(selector).css({height: '80px'})

否则

我认为下面的代码可以让你找出隐藏标题的问题

HTML

<header id="header">
    header one
   </header>
<header id="headerTwo">
    header Two
</header>

<section id="wrapper">container</section>

jQuery更改高度

function setLayout(){
    var headerH;
    if( $('#header').is(':visible')){
        headerH = $('#header').height()
    } else if( $('#headerTwo').is(':visible')){
        headerH = $('#headerTwo').height()
    };

    $('#wrapper').css({
        height : $(window).height() - headerH
    })
};

$(window).on('resize', function(){ setLayout(); });

在代码中尝试
$（window）.height（）
而不是
$（'html'）.height（）

工作示例：
您是否只是尝试随机代码，希望它能满足您的要求？您可以在
.height（）
$（“#header”）.height（'80px'）中传递高度，或者只传递$（“#header”）.height（80）请查看对我的问题的编辑！谢谢。没有显示的元素没有高度。对不起，我的错。更新。还将第一个修改为
（{a:b}）
花括号，我认为可以保留，因为他可能想添加多个属性。是的。我刚才说的是
{height，'80px'}
之类的东西，我可以简单地从#Header更改为#Header两个而不使用可见的吗？是的……但是包装的高度将根据第一个Header固定。它不会因小的和大的而改变。
#header {height:100px; background-color:grey;}
#headerTwo {height:50px; display:none;  background-color:yellow;}
    #wrapper{ background-color:orange}
@media only screen and (max-width: 1024px) {
    #header {display:none;}
    #headerTwo {display:block;}

}

function setLayout(){
    var headerH;
    if( $('#header').is(':visible')){
        headerH = $('#header').height()
    } else if( $('#headerTwo').is(':visible')){
        headerH = $('#headerTwo').height()
    };

    $('#wrapper').css({
        height : $(window).height() - headerH
    })
};

$(window).on('resize', function(){ setLayout(); });