我正在处理一个可以拖动和调整大小的控件窗口。它应该可以调整为一个非常宽但短的菜单：
Standard look of the controls, compact and then extended.
这是为了复制一个照片编辑器，你可以在其中设置一个工具菜单或设置菜单，可以将其调整为非常高但很薄（例如侧边栏），或者真的很胖但很短（例如工具栏/菜单栏）。
我想要实现的目标：我希望将jquery UI可调整为在任何时间点内部内容的宽度和高度的最小和最大尺寸，以便可拖动的从不太大或太小对于其中的内容，但它仍然可以拖出，如上图所示。
更具体地说，让我用minHeight来解释。我想设置一个内容大小的minHeight，但这只是第一个大小时的正确高度，而不是当我将控件拖出时：
（我在内容周围放了一个绿色div来显示内容的实际大小，或占用多少空间）。我想锁定可调整大小到红色边框。我只需要知道这在jQuery / css中意味着什么。
我尝试过类似的代码：
$( "#controls" ).resizable({
minHeight: ($controls).height(),
}）;
其中#controls是带红色边框的div。
但这仅设置初始高度。
可能导致问题的可能问题是：
语法问题。也许它应该工作但我弄乱了一些东西。我只用了不到一个星期的jQuery，所以我对它并不是很熟悉。
上面的代码只运行一次，只将minHeight设置为该时刻内容的高度。解决方案可以是按照＆＃34;尺寸改变 - ＆gt;行设置事件。更新minHeight＆＃34;
我试图让jQuery UI做一些不是设计的事情。
任何帮助都会很棒！