jQuery 条件问题

Question

我正在尝试在我网站上的动态产品页面上创建一个条件语句，以帮助设置我的列(左侧和右侧)和中心部分(#detail <div>)的高度。

我现在有这段代码:

$(window).load(function() {

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

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

});

现在，我想确定 columnHeight 的高度变量至少为 550，以便列的高度和 #detail <div>高度至少为 550 像素。

这是由于我的马里奥艺术作品，他在右侧栏中打了个电话。如果它突出到页脚，看起来有点不专业。

我正在尝试添加一个条件:

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

你的意思是在 columnHeight 前面加上 $ 吗？

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

应该是:

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

您正在将一个数字包装到一个 jQuery 对象中。我实际上不知道这会达到什么目的!