jQuery UI的可调整大小与多个也Resolize

Question

我有以下一些贫困。我有一个可调整大小的对象。代码看起来如下：

var alsoresizablevar1; 
var alsoresizablevar2; 

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

我怎么能在2个变量添加到alsoResize选项，以便他们调整一起机智的原始对象？

Answer 1

为调整大小元素创建一个eventlistener并调整alsoresizablevar1的大小以调整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. 
     } 
    });