Question

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

我现在有了这段代码：

$(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中的数字更改为1到45之间的任何内容。

非常感谢任何建议！

谢谢！

更新

感谢所有发帖的人！

哇，多么蹩脚的错误!!

Answer 1

您的意思是将$包含在columnHeight前面吗？

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

应该是：

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

您正在将数字包装到jQuery对象中。我实际上不知道预期会实现什么目标！

Answer 2

尝试：

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

Answer 3

不确定为什么你在jQuery-fying columnHeight。试一试：

$(window).load(function() {

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

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

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

});

Answer 4

不应该是......

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

...正如你的例子试图从一个简单的变量创建一个jQuery对象？

Answer 5

你不能只在.columns和#detail上使用CSS min-height属性吗？

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

jQuery条件问题

5 个答案: