Jquery 单击时响应等高div
我有两个div,我在其中应用了等高jQuery,它在调整大小时也可以正常工作。但我在左侧内容中有一个手风琴滑块,当我在左侧内容中单击选项卡头部时,内容显示,左侧内容高度增加,右侧内容高度也没有调整 请有人帮我做这个。以下是我使用的jQuery代码:Jquery 单击时响应等高div,jquery,Jquery,我有两个div,我在其中应用了等高jQuery,它在调整大小时也可以正常工作。但我在左侧内容中有一个手风琴滑块,当我在左侧内容中单击选项卡头部时,内容显示,左侧内容高度增加,右侧内容高度也没有调整 请有人帮我做这个。以下是我使用的jQuery代码: function setEqualHeight(columns) { var tallestcolumn = 0; columns.each( function() { cu
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".eqgroup > .eqheight"));
});
window.onresize = OnResizeDocument;
function OnResizeDocument () {
$(".eqgroup > .eqheight").css('height', 'auto')
setEqualHeight($(".eqgroup > .eqheight"));
}
现在发生的事情是,只在调整大小时调用脚本 您必须调用脚本,不仅是在调整大小时,而且在手风琴展开项目时,通常是在单击时调用脚本 您必须调用的代码如下:
$(".eqgroup > .eqheight").css('height', 'auto')
setEqualHeight($(".eqgroup > .eqheight"));
它与onResize事件中的调用相同