jquery ui上下调整块，仅垂直

Question

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

Answer 1

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

http://jsfiddle.net/n8gTj/ //您将看到基本行为。

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

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

希望这能帮到你！

Answer 2

http://jsfiddle.net/N6syV/

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