2

2 つの並列 div を同時に反対方向にサイズ変更できるプラグインを探しています。

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

divが隣り合って浮かんでいると仮定します。

ユーザーが .handle を右にドラッグすると、.two が小さくなり、.one が大きくなります。

基本的なプラグインを作成しようとしましたが、すべてのブラウザーなどを説明することはできません.

誰かが興味を持っている場合に私が実際にやろうとしているのは、複数の CKEditor インスタンスのサイズを変更することです。.one と .two には CKEditor のインスタンスが含まれ、ハンドルはそれらを並行してサイズ変更する必要があります。

ありがとう

4

2 に答える 2

2

「jQuery UI resizable」というプラグインが必要です。

サンプルページで何をしようとしているのかの例があります:同期サイズ変更

于 2012-07-10T09:23:41.380 に答える
1

私のアプリケーションでは、同じ高さの 2 つの div が並んでいたので、jquery UI を使用して 1 つをサイズ変更可能にし、最初の div のサイズ情報を使用して 2 つ目の位置を設定しました。これは、サイズ変更コールバック関数で行われました。

<script>
$(function() {
    $( ".one" ).resizable({
        handles: "e",
        resize: function(event, ui) {
            $( ".two" ).css("left", $(this).width() );
        }
    });
});
</script>
于 2012-07-22T17:45:05.980 に答える