Jquery ui 可调整大小的jQuery UI

我正在研究jQueryUI可调整大小的方法，我必须进行div（一个接一个）。我希望能够调整其中一个的大小，并相应地更改另一个。一个分区变大，另一个分区变小

$(document).ready(function () {
$("#right").resizable({
    alsoResize: '#left',
});

$("#left").resizable({
    alsoResize: '#right',
});

}))

谢谢，

---

Max

看起来没问题，但是请尝试删除数组末尾的逗号，因为您没有更多的数组元素

$(document).ready(function () {
  $("#right").resizable({
        alsoResize: '#left'
  });

  $("#left").resizable({
        alsoResize: '#right'
  });

});

您想加入“调整大小”事件（）

---

是的，这可以工作，但是这会将左侧的大小调整为与右侧相同的大小。我希望左边变小，右边变大…啊，对了。我认为没有“开箱即用”的解决方案，但您可以尝试使用resize事件，使其成为捕获新旧尺寸差异的函数，而不是调整当前元素的高度/宽度值。我将尝试提出一个代码示例。

  $("#right").resizable({
        resize: function(event, ui) { 
          // look at the size of the ui element being resized 
          // and resize the left accordinly        
        }
  });