динамически обновлять высоту окна браузера

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

Легкий peasy.

$('.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" }); 
});