jQuery условная задача

Question

Я пытаюсь создать условное утверждение на страницах моего динамического продукта на моем веб-сайте, чтобы помочь в настройке высоты моих столбцов (слева и справа) и центральной части (#detail <div>).

Теперь у меня есть этот бит кода:

$(window).load(function() {

  detailHeight = $('#detail').height();
  columnHeight = detailHeight + 20;

  $('.columns').height(columnHeight);
  $('#detail').height(columnHeight);

});

Теперь я хочу убедиться, что высота переменной columnHeight не меньше 550, так что высота столбцов и#detail <div> будет иметь высоту не менее 550px.

Это из-за того, что моя работа Марио заставила его позвонить в правую колонку.Это выглядит немного непрофессионально, если оно свисает в нижний колонтитул.

Я пытаюсь добавить условное выражение:

if($(columnHeight) < 550) {
    columnHeight = 550;
}

К моему предыдущему коду, например:

$(window).load(function() {

  detailHeight = $('#detail').height();
  columnHeight = detailHeight + 20;

  if($(columnHeight) < 550) {
      columnHeight = 550;
  }

  $('.columns').height(columnHeight);
  $('#detail').height(columnHeight);

});

По какой-то причине он загружается так же, как если бы условного выражения даже не было.

Вы можете просмотреть последствия проблемы здесь:

http://www.marioplanet.com/catalog.asp инажав на любой из продуктов,

или

, перейдя к http://www.marioplanet.com/product.asp?IDnum=1 и изменив число в IDnum=1 в последней части URL на что-либоот 1 до 45.

Любые предложения с благодарностью!

Спасибо !!

ОБНОВЛЕНИЕ:

Спасибо всемкто писал!

Ух ты, какая ошибка!

Answer 1

Разве вы не можете просто использовать свойство минимальной высоты CSS для .columns и #detail?

.columns, #detail {
    min-height: 550px;
}

Answer 2

Разве это не должно быть ...

if(columnHeight < 550) {
    columnHeight = 550;  
}

... как ваш пример пытается создать объект jQuery из простой переменной?

Answer 3

Попробуйте:

if(columnHeight < 550) {
     columnHeight = 550;
}

Answer 4

Не уверен, почему вы используете JQuery для columnHeight. Дайте этому шанс:

$(window).load(function() {

  detailHeight = $('#detail').height();
  columnHeight = detailHeight + 20;

  if(columnHeight < 550) {
      columnHeight = 550;
  }

  $('.columns').height(columnHeight);
  $('#detail').height(columnHeight);

});

Answer 5

Вы хотите включить $ перед columnHeight?

if($(columnHeight) < 550) {
    columnHeight = 550;
}

должно быть:

if(columnHeight < 550) {
    columnHeight = 550;
}

Вы заключаете число в объект jQuery.На самом деле я понятия не имею, чего ожидать от этого!