jQuery UI 可调整大小的 minHeight 选项

jQuery UI 是一个基于 jQuery 的用户界面库，它通过提供可定制化的、易于使用的 UI 组件，使得开发者可以快速创建互动体验丰富的网页应用。

其中一个非常有用的组件就是可调整大小的 resizable 。通过该组件，用户可以通过鼠标拖动来改变一个 DOM 元素的大小。

在 resizable 的配置选项中，有一个称为 minHeight 的属性，用于设置 DOM 元素的最小高度。该属性可以帮助我们保证元素不会被拖得太小，从而影响页面的美观性和可用性。下面是一个使用该属性的示例代码：

$("#my-resizable-element").resizable({
  minHeight: 100
});

在上面的代码中，我们针对 #my-resizable-element 这个 DOM 元素启用了 resizable 的功能，并设置了 minHeight 为 100px。

当用户拖动该元素时，如果它的高度低于 100px，那么该元素的高度会被自动设置为 100px，从而保证它始终有一个最小高度。

除了 minHeight，resizable 还提供了其他有用的配置选项，比如 minWidth、maxHeight、maxWidth 等等。如果您想了解更多相关信息，可以参考官方文档：jQuery UI Resizable - Options。

总的来说，minHeight 是一个非常有用的 resizable 配置选项，它可以帮助我们实现更好的用户体验。