麻烦与jquery.matchHeight

Question

我想匹配的内容区域在以下站点的高度和侧边栏：

• http://www.dev-cheweng.co.uk.gridhosted.co.uk/about/

我已经添加下面的代码行我的文件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，但当然这也不起作用

任何人都可以看到我做错了什么吗？

Answer 1

从文档：

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

将设置与类项目的所有元素的 最高的高度。

这意味着，你必须给你的侧边栏和内容区域同一类（目前他们没有一个公共类）

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