JQuery Accordion ，根据高度定位页脚

Question

我制作了一个响应式网站，它检查最高的列并相应地定位页脚，因为我必须使用绝对定位。我的问题是，我在一页上有一个 Accordion ，并且页脚与 Accordion 的内容重叠。如何调整下面的代码以考虑 Accordion 的最高部分，或者在单击 Accordion 并调整高度时注册 setFooter 函数的新事件？

http://jqueryui.com/accordion/

function setFooter() {
        var rightcol = $('._right').height();
        var midcol = $('.col_centre').height();
        //var accordian = '?';

        if (rightcol > midcol) {
            $('.col_centre').css('height', rightcol + 'px');
        }
       /* if (accordian > midcol) {
            $('.col_centre').css('height', checkout + 'px');
        }*/
}
$(document).ready(function() {
    setFooter();

});
$(window).resize(function() {
    setFooter();
});

Answer 1

此代码计算“content-div”中最高的元素，然后使用结果值设置页脚顶部值:

var h, elems, max_height;
elems = $( 'content-div' );
for( i = 0; i < elems.length; i++ ) {
    h = elems[i].offsetTop + elems[i].offsetHeight + elems[i].style.marginTop + elems[i].style.marginBottom;
    max_height = ( max_height > h ) ? max_height : h;
}

例如

$('#footer').css('top', max_height + 'px');