使用jQuery调整多个区域的大小

Question

我被要求创建一个界面，其中需要使用jQuery一次调整多个区域的大小。我看过jQuery可调整大小，可以调整一个区域的大小，如下所示：

http://jsbin.com/gaciwaci/1/edit

现在我开始想起来，我正试图做一些类似于JS Bin的事情，就像他们调整列的大小一样。

有人知道这是怎么回事吗？我整个上午都被困在这里，不能工作。此外，如果捕捉点可以将自己调整为自举网格，那将是一件好事。

非常感谢任何帮助。

Answer 1

我不知道如何使用jQuery resizable来完成它，但这实际上很容易与自定义代码有关。这是一个非常麻烦的 FIDDLE 。当然，它不是100％准备好了，但是你可以随意使用它。

您的想法是在主div之间添加0px width 1px border和divs作为分隔符。定义一些全局vars以检查当前鼠标位置和鼠标按下/向上操作，并且只需mousemove相应地减小分隔符左侧和右侧的divs大小。检查小提琴。我觉得它并不太复杂。如果你需要，我可以解释一下。