2012-06-22 72 views
0

只需稍作編輯,以防止任何人碰巧遇到此問題。 給出的答案完美工作,直到我添加了一些圖像。我添加的圖像沒有設置寬度或高度,並將最大寬度100%css應用於它們,以便它們在流體網格中縮放。問題似乎是鉻未添加圖像到總柱高度的高度,使所述柱被渲染到短(減去圖像高度)jQuery:無法實現如何實現等列高度的腳本

改變的代碼行:

$(document).ready(function(){ 

$(窗口).load(函數(){

似乎解決這個問題。

------------原來的問題------- ----- ----

我想實現這個jQuery代碼我遇到了here; 我不能爲我的生活弄清楚如何讓它工作。

我已經在我的文檔中包含了一個jQuery鏈接,並嘗試了各種選項,但我無法讓它工作。

我的頁面是一個html5 2列布局,其中2列設置爲%寬度和浮動。左欄的內容很長,所以我希望他們是平等的。

我猜我需要將類unevenheights添加到div。 我已經將它添加到每一列,並試圖在包裝div沒有運氣。

我試圖複製到第一節到一個單獨的文件並保存爲一個.js,然後鏈接到,並使用標籤中的$('div.unevenheights').setAllToMaxHeight()部分頁頭,但沒有喜悅。

難道有人請用初學者的術語解釋我應該如何實現它?

$.fn.setAllToMaxHeight = function(){ 
return this.height(Math.max.apply(this, $.map(this , function(e){ return $(e).height() }))); 
} 

// usage: $('div.unevenheights').setAllToMaxHeight() 

回答

1

一)總結你的電話在$(document).ready()回調是這樣的:

$(document).ready(function(){ 
    $.fn.setAllToMaxHeight = function(){ 
     return this.height(Math.max.apply(this, $.map(this, function(e){ 
      return $(e).height() 
     }))); 
    }; 

    $('div.unevenheights').setAllToMaxHeight(); 
}); 

Working Fiddle

二)如果不工作了,請把你的HTML和JS這裏或 - 更好 - 作爲一個jsFiddle。

+0

很棒。非常感謝。 –