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