jquery UI resizable with multiple alsoResize

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. 
     } 
    });