jquery - jquery ui向上和向下调整块大小，仅垂直

Question

如何使用 jquery ui 调整块的大小以仅获取垂直方向。好的，在一些调整大小的例子中，通过在块的底部移动，但我需要从顶部方向和底部方向完成。

score 4 · Accepted Answer

您应该首先阅读 JQuery UI Resizable 文档： http: //docs.jquery.com/UI/API/1.8/Resizable但这是答案：您正在寻找此属性：句柄。这允许您声明元素的侧面可以调整大小：{n, s, e ,w}。

http://jsfiddle.net/n8gTj/ // 你会看到基本的行为。

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

从那里，您可以使用“resize”方法和调整大小对象的属性来调整它的大小。

希望这对你有帮助！

score 2 · Accepted Answer

http://jsfiddle.net/N6syV/

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