jQuery條件問題

我想在我的網站上的動態產品頁面上創建條件語句，以幫助設置我的列（左側和右側）和中心部分（#detail <div>）的高度。jQuery條件問題

我現在這段代碼：

$(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之間的任何東西。

任何建議，非常感謝！

謝謝！

UPDATE：

謝謝大家誰貼！

哇，多麼蹩腳的錯誤！

來源

2010-09-20 Qcom

您的意思是包括$在columnHeight前面嗎？

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

應該是：

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

你包裹一個數字，一個jQuery對象。我實際上並不知道這將會達到什麼樣的效果！

來源

2010-09-20 11:44:40

嘗試：

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

來源

2010-09-20 11:44:54 Alex

不知道爲什麼你jQuery的fying的columnHeight。給這個鏡頭：

$(window).load(function() { 

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

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

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

});

來源

2010-09-20 11:45:34

不應該是......

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

...你的例子試圖從一個簡單的變量創建一個jQuery對象？

來源

2010-09-20 11:46:19 belugabob

難道你不能在.columns和#detail上使用CSS min-height屬性嗎？

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

來源

2010-09-20 11:53:02 Edgar

我很喜歡這個，謝謝！我從來沒有聽說過這個，在這裏它非常有用。在這個例子中，我正在尋找jQuery代碼，儘管如此。但我可能實際上實現了這個。 – Qcom 2010-09-20 11:54:51

@BOSS - 實際上有100％的CSS方法來創建你的列布局;不需要JavaScript。例如：http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths – 2010-09-20 13:25:10

jQuery條件問題

回答

相關問題