動態更新瀏覽器窗口的高度

Question

我有一個頁面： - default.aspx。

我可以通過CSS改變它的高度： -

.main 
{ 
    padding: 0px 12px; 
    margin: 12px 8px 8px 8px; 
    min-height: 420px; 
    width: 919px; 
    height: 850px; 
} 

只是增加高度或在適當的參數減少。

但我試圖實現一個JavaScript功能，其中點擊某個按鈕啓動某個功能（onclienclick）。現在使用這個函數，添加的元素被添加到頁面上，因此我希望頁面大小也增加。並再次點擊相同的按鈕，元素消失，所以我希望頁面高度降低。我正在考慮類似於下面的代碼（但顯然我的語法不正確）。任何人都可以幫忙嗎？

$('main').css(‘height’) = 1186px; ???? 

Answer 1

由於您使用jQuery的：

$('.main').height(1186); 

參考：http://api.jquery.com/height/#height2

Answer 2

容易心慌。

$('.main').css('height',1186); 

它需要包含在括號內。另外，jQuery假設數字是px，所以你不需要顯式調用px。如果你想成爲幻想，你可以使用本機DOM名稱：

$('.main').css({height:1186}); 

沒有什麼區別，如果你想有多個聲明，你可以做到這一切在一次只是將來參考：

$('.main').css({ 
    height:1186, 
    width:800, 
    backgroundColor:'red', 
    lineHeight:25, 
    color:'blue', 
    boxShadow:'0 0 10px rgb(0,0,0)' 
}); 

你可以做一些瘋狂的東西！

Answer 3

你忘了類名和數值超出函數內。你的報價也是混合的。完整的點擊功能看起來像這樣。

$("a.classname").click(function(){ 
    $(".main").css({ "height" : "1186px" }); 
});