Question

好的，所以我之前提出了一个问题，但没有达到预期的效果。结果我决定以另一种方式解决它......

如果扩展了2个面板中的任何一个（或两个），我试图让容器增加高度。

var content = $("#content_container");  
var childaHeight = $('#news_events_panel').height();
var childbHeight = $('#headteachers_panel').height();

    if (content < childaHeight, childbHeight) {
        $(content).css("height", 657 + "px");
    }

这样工作正常，当面板打开时，容器的高度增加到657px。

棘手的一点是下一位......

用户可以单独打开两个面板，我遇到的问题是当用户只关闭其中一个时容器返回auto高度。只有两个面板都关闭时，我才需要容器返回auto。

if (content > childaHeight & childbHeight) {
        $(content).css("height", "auto");
}

基本上，我需要第二个脚本来读取“如果内容大于childaHeight AND childbHeight，请返回”auto“。如果不是，请保持高度。

可能有一个简单的解决方案，但我对此非常陌生，并没有真正了解jQuery函数。

Answer 1

我想将它们加在一起：

if ( content.height() > (childaHeight + childbHeight) ) {
        content.css("height", "auto");
}

jQuery - IF高度大于2个单独的div

1 个答案: