javascript - Jquery resizable 似乎改变了布局

Question

请参考 J Fiddle：

http://jsfiddle.net/NwvPA/3/

这两个栏，您只能左右调整它们的大小。但是，如果您调整顶部的大小，它会将另一个条重新定位在其顶部，它们应该保持在垂直水平！

在这里很难发布代码，因为有很多，所有相关的位都被剥离出来并放在小提琴上。

任何帮助表示赞赏，谢谢！

Answer 1

最后修复了它：

// Bar dragability
$(".jobArea .bar").parent().draggable(
    {
        axis: "x",
        grid: [GridSize, GridSize]
    }
);

我相信可调整大小添加了一个包装器 div，因此如果我们选择父级，它可以正常工作。