调整浏览器大小时,jquery div innerheight不会更新

时间:2017-06-17 06:50:03

标签: javascript jquery html css navigation

我制作了jQuery,它给了我contentda div的最大高度,并将它应用于“包装”div和移动视图100%高度,但问题是,没有问题是没有动态获得高度(调整浏览器大小时的实时更新) 这里是代码和jsfiddle链接https://jsfiddle.net/st0evt1n/1/

setmenuheight();
$(window).bind("load resize", function() {

    var menuheight = $( window ).width();
        if(menuheight <= 768){
            $(".wrapper").css('height','100%');
            $(".contentarea").css('height','100%');  
        } else {
            setmenuheight();
        }
    });

function setmenuheight() {
    var TabgetHeight = 1;
    $(".tabulmain > li").each(function() {
        var forHeight = $(this).find(".contentarea").innerHeight();
        TabgetHeight = forHeight > TabgetHeight ? forHeight : TabgetHeight;
        $(this).find(".contentarea").css('height',forHeight);
    });
    $(".wrapper").css('height',TabgetHeight+15);      
}

2 个答案:

答案 0 :(得分:0)

你可以尝试这个:

.contentarea{ opacity:0; visibility:hidden;}
.tabulmain > li:hover .contentarea{ opacity:1; visibility:visible;}

.mainnavtag ul li
{
  height:20px;

}
.mainnavtag ul li:hover { opacity:1; visibility:visible;height:auto;}

DEMO HERE

答案 1 :(得分:0)

我认为问题,因为你的代码中有错误。 您获得.width()元素并将其视为height