麻烦jquery.matchHeight

时间:2014-12-04 09:08:00

标签: javascript jquery css jquery-plugins

我试图匹配以下网站上内容区域和侧边栏的高度:

我已将以下代码行添加到我的文件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,但当然这不起作用

任何人都可以看到我做错了吗?

1 个答案:

答案 0 :(得分:0)

来自文档:

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

将所有带有类项的元素设置为高度   最高。

这意味着你必须让你的侧边栏和你的内容区域在同一个班级(当时他们没有共同的课程)

此处a demo的工作正常。