2014/12/09

[jQuery ui]Resizableのリサイズ方向について

jQuery UIのResizableメソッドは、リサイズの方向を指定することはできないのだろうか?

答えはhandlesパラメータで制御できそうだ。

<form>
  <textarea id="resizable" cols="80"></textarea>
</form>
<script>
jQuery(function($){
  $('#resizable').resizable({
    handles: 'se'
  });
});
</script>
上の場合は、左と下方向にリサイズすることができる。

次の場合は、下だけ。
<form>
  <textarea id="resizable" cols="80"></textarea>
</form>
<script>
jQuery(function($){
  $('#resizable').resizable({
    handles: 's'
  });
});
</script>
割りとあっさり設定できた。

0 コメント:

コメントを投稿