Javascript JQuery可调整不同的最小高度

Javascript JQuery可调整不同的最小高度,javascript,jquery,html,resizable,Javascript,Jquery,Html,Resizable,我有一些不同高度的积木,这取决于它的内容: 我想允许makeheight大于内容的高度,但不能小于内容的高度 这很简单: $(".block").each(function(){ $(this).resizable({ handles: 's', minHeight: $(this).height() });

我有一些不同高度的积木,这取决于它的内容:

我想允许makeheight大于内容的高度,但不能小于内容的高度

这很简单:

        $(".block").each(function(){
            $(this).resizable({
                 handles: 's',
                 minHeight: $(this).height()
            });                     
        }); 
但在这个例子中,有些块已经有固定的高度,如果我使用上面的代码,我不能使这个块比它已经小

有没有办法将内容的高度设置为最小高度,以避免出现空白,并且不允许使块小于其内容

我有一个想法,将所有块的内容放在另一个div中,并将其高度设置为minHeight,但也许有另一种方法不改变元素的结构

[UPD]@Eopin 如果我不想重置高度,我的代码如下所示:

        $(".block").each(function(){
            tmp = $(this).css('height');
            if (tmp != 'auto') {
                $(this).css('height', 'auto');
            }
            $(this).resizable({
                 handles: 's',
                 minHeight: $(this).height()
            });     
            if (tmp != 'auto') {
                $(this).css('height', tmp);
            }                               
        }); 
当脚本工作时,我看不到视觉上的变化,速度对于小于50的块也是正常的。看起来是个解决办法。
我将等待几天,等待其他答案,然后关闭我的问题。

尝试通过将元素设置为“自动”来取消设置元素的“高度”属性:

如果块使用的是高度属性而不是css属性,则:

$(this).attr('height', '');
$(this).attr('height', '');