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並行調整大小插件

回答

相關問題