jquery-ui - 具有约束的可调整大小的框

Question

我连续有多个框，并且添加了使用 jQuery UI 调整这些框大小的选项。

您可以在 JsFiddle 上找到代码：http: //jsfiddle.net/alokjain_lucky/ZbTem/

当我调整一个盒子的大小时，它会推动下一个盒子来创造空间。我如何限制盒子将下一个盒子从父母身上推出？

我的 jQuery 代码：

$(function() {
    $( ".resizeable" ).resizable({
        containment: "parent",
        handles: "e, w",
    });

    $( ".resizeable" ).resizable( "option", "alsoResize", $(this).siblings().not(this) ); 
});