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

Question

有人要求我制作一个需要使用 jQuery 一次调整多个区域大小的界面。我看过 jQuery resizable and can resize 一个区域。

现在我想起来了，我正在尝试用 JS Bin 调整列大小的方式做一些类似的事情。

这怎么可能？此外，如果捕捉点可以自行调整为引导网格，那就太好了。

Answer 1

我不知道您如何使用jQuery resizable 来实现，但这实际上是使用自定义代码很容易做到的事情。这是我轻松制作的FIDDLE。当然，它还没有 100% 准备就绪，但只要多做一点工作，您就可以随心所欲地使用它。

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