Как применить минимальную высоту к DIV, используя jQuery?

Question

Привет! Я хочу применить минимальную высоту к ".wide-content"

min-height .wide-content = высота нужного контента - "274px"

var leftHeight = $(".wide.content").height();
var rightHeight = $("#right_column").height();
alert (leftHeight); alert (rightHeight);

if (leftHeight < rightHeight) {
  $(".wide.content").css('minHeight' 'leftHeight - 274');
}

Заранее спасибо

Answer 1

Вместо строки для присвоенного значения вам нужен фактический номер, например:

if (leftHeight < rightHeight) {
  $(".wide.content").css('minHeight', leftHeight - 274);
}

Также при использовании .css() вместо .css('prop' 'value') вам нужнотам запятая, вот так:

$(selector).css('prop', 'value');
//or:
$(selector).css({'prop': 'value'}); //when assigning many at once, like this:
$(selector).css({'prop': 'value', 'prop2': 'value2'});

Answer 2

У меня работает следующий фрагмент кода.

   $('#test').css({
      minHeight: 500
    });

Answer 3

JQuery следует camelCase соглашению о присвоении имен, а также - отдельному соглашению о присвоении имен свойствам css.

Exampl:

CSS             JQuery
=========       =======
font-size       fontSize or font-size
border-width    borderWidth or border-width