javascript - 当我增加/减少 div 的大小时，jQuery UI : How can I set the resizing limit, 纵横比

Question

我有一个 div 标签，它是 ( div 标签 ) 可调整大小的，在里面我有一个 h1 标签(或者它可以是任何标签)。

问题:

我有两个问题:

1. 长宽比不能正常工作，因为我想要的意思是“当我增加/减少 div 的大小时，它的高度变大”那么我该如何正确设置它

2. 我想在调整大小时固定最小宽度意味着“如果将尺寸减小到 27px，它就会停止减小。”

代码

$('.draggable_element').each(function() {
        $(this).resizable({
        autoHide: true,
      handles: 's,e,w',
      aspectRatio: 1/9
    });
})

Here is my jsFiddle

更新:

我想我没有正确解释我的第一个问题要知道第一个问题是什么请访问我的 fiddle 链接尝试调整(增加/减少)左侧或右侧的 div div 的高度将自动增加问题

Answer 1

1. aspectRatio 应该是 bool 值。您可以使用宽度和高度设置大小。

或者，您也可以尝试将比率更改为“9/1”:aspectRatio: 9/1，应该也能完成工作...

1. 设置“最小宽度:27”。

   $(this).resizable({
     autoHide: true,
     handles: 's,e,w',
     aspectRatio: true,
     minWidth: 27
   });