Javascript/jQuery 并行调整大小插件

Question

我正在寻找一个可以同时沿相反方向调整两个平行 div 大小的插件。

<div class='one'></div>
<div class='handle'></div>
<div class='two'></div>

假设 div 彼此相邻 float 。

当用户将 .handle 向右拖动时，它应该使 .two 变小而 .one 变大。

我试过写一个基本的插件，但我不能考虑所有的浏览器等等。

如果有人感兴趣，我真正想做的是调整多个 CKEditor 实例的大小。 .one 和 .two 将包含一个 CKEditor 实例，并且 handle 需要并行调整它们的大小。

谢谢

Answer 1

您需要的是名为“jQuery UI resizable”的插件。

示例页面上有一个您尝试执行的示例:Synchronous Resize