限制可调整大小仅在指定的div内工作

Question

我正在使用jQuery的可调整大小。是否可以限制指定div中的大小调整？ maxwidth，maxheight不起作用，因为我正在寻找一种限制div内调整大小的方法。

$('#elastic').resizable({
     handles: 'ne, se, sw, nw',
     aspectRatio: true,
});

Answer 1

jQuery UI已获得containment option，可以将其设置为parent。

$('#elastic').resizable({
     handles: 'ne, se, sw, nw',
     aspectRatio: true,
     containment: "parent"
});

您可以在此处看到它：http://jsfiddle.net/1hzr2f1c/