jquery实时更新高度答案

【问题标题】：update height in real time jqueryjquery实时更新高度
【发布时间】：2016-11-08 15:28:02
【问题描述】：

我有一个父 div #lobipanel-multiple 和两个具有类 lobipanel-parent-sortable 的子 div。我使用 setHeight 将 lobipanel-parent-sortable div 的高度设置为 #lobipanel-multiple 的父 div 的高度。当页面加载时，它将 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 代码------------------------------ ------------

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

【问题讨论】：

折叠时将高度设置为自动 $('.lobipanel-parent-sortable').css('height', 'auto');

标签： jquery

【解决方案1】：

您需要使用height:auto 就可以了

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

这是fiddle

【讨论】：