Question

我有一个父div＃lobipanel-multiple和两个子div，类lobipanel-parent-sortable。即设置lobipanel-parent-sortable div的高度与父div的高度，即使用setHeight的＃lobipanel-multiple。当页面加载时，它将lobipanel-parent-sortable div的高度设置为父div的高度，即617px。但在lobipanel-parent-sortable div内部有可折叠的面板。因此，当我折叠这些面板时，lobipanel-parent-sortable的高度不会更新..它仍然固定在617px，因为它有空白区域，并且垂直滚动条仍然存在。理想情况下，lobipanel-parent-sortable div的高度应更新但不会发生。提前谢谢。

HTML代码---------------------------------

<div id="lobipanel-multiple">
<div class="col-md-6  lobipanel-parent-sortable">
<div class="panel">
Some content
</div>
<div class="panel">
Some content
</div>
<div>
<div class="col-md-6  lobipanel-parent-sortable">
<div class="panel">
Some content
</div>
<div class="panel">
Some content
</div>
<div>
</div>

Jquery Code --------------------------------------------- -----------

$(document).ready(function() {
  function setHeight() {
    ptheight = $( '#lobipanel-multiple' ).height();
    $('.lobipanel-parent-sortable').css('height', ptheight);
  };
  setHeight();
});

Answer 1

您需要使用height:auto并执行该作业

$(document).ready(function() {
  function setHeight() {
    $('.lobipanel-parent-sortable').css('height', 'auto');
  };
  setHeight();
});

这是fiddle

实时更新高度jquery

1 个答案: