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="">

我最初确实使用它们各自的 ID/类来定位 Js 中的每个元素，但也无法让它工作。所以后来我想也许我只能将高度匹配应用于特定的类，因此我使用 .height-page ，但当然这也不起作用

谁能看出我做错了什么？

Answer 1

来自文档：

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

将所有具有类 item 的元素设置为 最高的。

这意味着您必须为侧边栏和内容区域提供相同的类（目前它们没有共同的类）

这是a demo，它按预期工作。