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

如何使用jquery为包装器添加高度？

6 个答案: