2009-07-03 1 views
1

Мне нужно добавить css height для каждой страницы динамически с помощью jquery.Как добавить высоту в обертку с помощью jquery?

До сих пор я получил следующий код, но он не добавляет высоты в #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'}); 

ответ

2

Вы устанавливаете высоту на строку «newheight», а не на значение newheight. Просто избавиться от кавычек:

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

или

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

или + 'em' или любой другой, если вы решили не идти с пикселями (конечно, логика изменилась бы от значения 30), +1 для этого лакомого кусочка –

0

Или

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

так много способов, чтобы сделать то же самое. height method

1

Это должно работать:

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

вы присваиваете строковое значение вашей высоты, все, что вам нужно, чтобы удалить кавычки и поставить просто переменную, содержащую значение. например,

var newheight = getPageSizeWithScroll() + 30; 

$('#wrapper').css('height':newheight); 
Смежные вопросы