如何使用jQuery向包装器增加高度？

Question

我需要使用jQuery向每个页面动态添加CSS高度。

到目前为止，我得到了以下代码，但它没有增加#wrapper的高度。

function getPageSizeWithScroll(){
if (window.innerHeight && window.scrollMaxY) {// Firefox
    yWithScroll = window.innerHeight + window.scrollMaxY;
    xWithScroll = window.innerWidth + window.scrollMaxX;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
    yWithScroll = document.body.scrollHeight;
    xWithScroll = document.body.scrollWidth;
} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
    yWithScroll = document.body.offsetHeight;
    xWithScroll = document.body.offsetWidth;
}
arrayPageSizeWithScroll = yWithScroll;
//alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
return arrayPageSizeWithScroll;
}
var newheight = getPageSizeWithScroll() + 30;

$('#wrapper').css({'height':'newheight'});

Answer 1

尝试

$('#wrapper').css("height", newheight);

Answer 2

您正在将高度设置为字符串'newheight'，而不是newheight的值。只需删除引号：

$('#wrapper').css({'height':newheight});

Answer 3

或

$('#wrapper').css({height:newheight+'px');

Answer 4

您正在为您的身高分配一个字符串值，所有需要删除引号并仅放入一个包含值的变量。像

var newheight = getPageSizeWithScroll() + 30;

$('#wrapper').css('height':newheight);

Answer 5

这应该起作用：

$('#wrapper').css({'height':newheight});

Answer 6

或

$('#wrapper').height(newheight);

[做相同事情的方法很多。height method