Javascript/jQuery并行调整大小插件

我正在寻找一个插件，可以在相反的方向同时调整两个并行div的大小。Javascript/jQuery并行调整大小插件

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

假定div彼此相邻浮动。

当用户向右拖动.handle时，它应该使两个更小，更大。

我试着写一个基本的插件，但我不能解释所有的浏览器等

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

谢谢

来源

2012-07-10 Michael Bates

您需要的是名为“jQuery UI可调整大小”的插件。

有什么你正在尝试样本页面上做了一个例子：Synchronous Resize

来源

2012-07-10 09:23:41

谢谢，我有点结束这样做，但syncronous调整大小不合适，因为它调整两个div的方式相同。我需要调整一个div的大小，而另一个div则变大。 – 2012-07-14 06:26:26

在我的申请，我不得不用同样的高度方两个div的一面，所以我用的jQuery UI做一个可调整大小，然后使用第一个div的大小信息设置第二个的位置。这是在resize回调函数中完成的。

<script> 
$(function() { 
    $(".one").resizable({ 
     handles: "e", 
     resize: function(event, ui) { 
      $(".two").css("left", $(this).width()); 
     } 
    }); 
}); 
</script>

来源

2012-07-22 17:45:05 henan

Javascript/jQuery并行调整大小插件

回答

相关问题