响应相等的高度divs点击

时间:2014-05-02 05:42:28

标签: jquery

我有两个div,我已经应用了相同高度的jQuery,它在调整大小时也可以正常工作。但是我在左侧内容中有一个手风琴滑块,当我点击左侧内容中的标签页时,内容显示并且左侧内容高度增加,右侧内容高度也没有调整。

请有人帮我这个。这是我使用的jQuery代码:

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"));
}

1 个答案:

答案 0 :(得分:0)

现在发生的事情是只在调整大小时调用脚本。

您必须调用脚本,不仅是在调整大小时,而且在手风琴扩展项目时(通常点击我猜)

您必须拨打的代码是:

$(".eqgroup > .eqheight").css('height', 'auto')
setEqualHeight($(".eqgroup > .eqheight"));

onResize事件中的内容相同。