2014-12-04 185 views
0

我想匹配的內容區域在以下站點的高度和側邊欄:麻煩與jquery.matchHeight

我已經添加下面的代碼行我的文件js.js

$('.height-page').matchHeight(); 

這裏是我的內容區域類:

<div id="content" class="grid_8 height-page"> 

我的側邊欄:

<aside id="sidebar" class="grid_4"> 
    <div class="content height-page"> 

腳本似乎裝沒事,只是他們不匹配的高度。我得到的輸出,這兩個元素是沿着這些線路:

<div class="grid_8 height-page" id="content" style=""> 

我最初的目標在JS的每個元素與他們各自的ID /類,但不能得到這工作的。所以後來我想也許我只能將高度匹配應用於特定的類,因此我使用.height-page,但當然這也不起作用

任何人都可以看到我做錯了什麼嗎?

回答

0

從文檔:

$(function() { 
    $('.item').matchHeight(); 
}); 

將設置與類項目的所有元素的 最高的高度。

這意味着,你必須給你的側邊欄和內容區域同一類(目前他們沒有一個公共類)

下面是它a demo按預期工作。

+0

謝謝,這似乎是伎倆!哇,我很困惑,但我會認爲我只需要在'#sidebar'內選擇'.content' ...但看起來我錯了! – pealo86 2014-12-04 11:03:48