jquery - Div 调整大小以适合内容，但随后禁用自动调整大小。

Question

抱歉这里的标题，不确定如何用一行准确地描述它!

我有一些动态内容加载到 div，然后我有一个平滑的调整大小功能，可以将所述 div 的高度动画化为自动。

function smoothSize(div) {

var $selector = $('#' + div);   
$selector.data('oHeight',$selector.height()).css('height','auto').data('nHeight',$selector.height()).height($selector.data('oHeight')).animate({height: $selector.data('nHeight')},400);

}

这在一个方向或视口(viewport)大小下工作正常，但是一旦您将方向更改为横向或调整桌面窗口的大小，div 将保持其当前高度，因此如果您缩小窗口(或相反的情况会发生，如果你拉伸(stretch)它，div 中会有很多额外的空间)。

如果我禁用该功能，那么 div 会自动捕捉到我放入其中的任何内容的大小，这很好，但我失去了很好的效果。

我认为该函数没有将高度设置回自动，还是需要在动画后将高度设置为零？我的想法是否正确？

Answer 1

试试这个-

function smoothSize(div) {
    var $selector = $('#' + div);   
    $selector.data('oHeight',$selector.height()).css('height','auto').data('nHeight',$selector.height()).css('min-height', $selector.data('oHeight')).animate({max-height: $selector.data('nHeight')},400);
}

如果这不起作用，请设法提供一个 JSFiddle。