jquery - jquery uiサイズ変更ブロックを上下、垂直のみ

Question

jquery uiを使用してブロックのサイズを変更し、垂直方向のみを取得する方法。わかりました。いくつかの例では、ブロックの下部に移動してサイズ変更が行われていますが、上方向と下方向から行う必要があります。

Answer 1

最初にJQueryUIのサイズ変更可能なドキュメント（http://docs.jquery.com/UI/API/1.8/Resizable ）を読む必要がありますが、答えは次のとおりです。このプロパティを探しています：handles。これにより、要素の側面のサイズを変更できることを宣言できます：{n、s、e、w}。

http://jsfiddle.net/n8gTj/// 基本的な動作が表示されます。

$('.resizable').resizable({
  handles: 'n, s'
});

そこから、「サイズ変更」メソッドとサイズ変更オブジェクトのプロパティを試して、ブロックのサイズを変更できます。

これがお役に立てば幸いです。

Answer 2

http://jsfiddle.net/N6syV/

$(".selector").resizable({
  handles: "n, s",
  resize: function (event, ui) {
    ui.size.width = ui.originalSize.width;
  }
});