Question

我有一些不同高度的积木取决于它的内容：JSFiddle。

我想让高度超过内容的高度但不低于它。

这很简单：

        $(".block").each(function(){
            $(this).resizable({
                 handles: 's',
                 minHeight: $(this).height()
            });                     
        });

但是有些块（示例中为第4个）已经有固定的高度，如果我使用上面的代码，我不能使这个块比它已经小。

有没有办法将内容的高度设置为minHeight以避免空格，并且禁止使块小于其内容？

我有一个想法是将所有块的内容放入另一个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);
            }                               
        });

它工作正常，当脚本工作时我看不到视觉上的变化，块的速度也是正常的＆lt; 50.看起来像解决方案。我会等几天寻求其他答案，然后结束我的问题。

Answer 1

尝试通过将元素的height属性设置为auto：

来取消该元素的高度属性

$(this).css('height', 'auto');

如果块使用的是height属性而不是css属性，那么：

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

JQuery可调整大小不同的minHeight

1 个答案: