jQuery UIも複数でサイズ変更可能Resize

Question

私は以下にいくつかの問題があります。私はサイズ変更可能なオブジェクトを持っています。コードは以下のようになります。

var alsoresizablevar1; 
var alsoresizablevar2; 

object.resizable({ 
    handles: {se: object.find(".resize")}, 
    alsoResize: alsoresizablevar1, alsoresizablevar2 
}); 

それらが一緒にリサイズされているので、どのように私はalsoResizeオプションに2つの変数を追加することができ、元のオブジェクトをウィット？

Answer 1

リサイズ要素のイベントリスナを作成し、さらにresresizablevar1をサイズ変更します& alsoresizablevar2。

あなたは何をしようとしていますか？

Answer 2

元のオブジェクトの変更されたサイズに基づいて、resizable.stopイベントを処理し、関連するオブジェクトのサイズを手動で変更することをお勧めします。たとえば、単純なプロジェクトで実装して、ページのセクションのサイズを手動でドラッグ＆ドロップで変更できます。

$("#selector").resizable(
    { 
     stop: function (e, ui) 
     { 
      var changedHeight = ui.size.height - ui.originalSize.height; 
      var changedWidth = ui.size.width - ui.originalSize.width; 

        // update related objects' size based on above values. 
     } 
    });