[jQuery UI]resizableの幅及び高さについて

[jQuery UI]resizableの幅及び高さについて

jQuery UIのresizableは、

• 最小幅
• 最大幅
• 最小高さ
• 最大高さ

を設定することはできるのだろうか？

Maximum / minimum size
を読むと、インスタンス化を行なうときに、JSONパラメータに、

• minWidth(最小幅)
• maxWidth(最大幅)
• minHeight(最小高さ)
• maxHeight(最大高さ)

を設定すればいいようだ。

例としてはこんな感じ

<script>
jQuery(function($) {
 $("#draggable_01").resizable({
  maxHeight: 250,
  maxWidth: 350,
  minHeight: 150,
  minWidth: 200
 });
});
</script>
<div id="draggable_01" class="ui-widget-content">
This is test contents1
</div>

下で実験することができます。

This is test contents1