1

我正在使用这个 jQuery 插件来获取主要内容和侧边栏以匹配高度——效果很好。但是我现在正在更新成员目录页面，并且我已经设置了名称，以便在单击它们时从基本列表扩展到完整列表。但是，我无法让内容和侧边栏 div 与它们展开和收缩。

这是一个包含虚拟内容的示例页面：http: //stylesmithonline.com/AWAD_test/AWAD_directory_test.html（注意：我知道我需要将这些 onClick 事件移动到它们自己的函数中——其他人创建了原始站点，所以我有一些清洁工作）。

我尝试将“扩展”类添加到链接并使用以下方法调用该函数：

$(document).delegate('.expand', 'click', function(){
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});

如果我删除对函数的原始调用，它会工作一次：

$(window).load(function() {
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});

此外，如果我将特定高度传递给单击事件，它将起作用。

知道为什么它没有按照我想要的方式扩展和收缩吗？

谢谢，斯科特

4

1 回答 1

2

查看文档，我认为它不起作用，因为高度是通过读取 div 的高度来设置的。但是，您的主 div 已经由插件设置了高度，并且在添加更多内容时这不会改变。

auto在调用插件之前尝试将 div 的高度重置为：

$("#content, #sidebar, #content-sidebar-wrap").css('height','auto').equalHeightColumns();

此外，如果您因为白色背景而尝试匹配高度，请允许我提出一个替代方案：使用Faux Columns技术。可以为您省去很多麻烦。

于 2012-04-18T21:35:38.503 回答