jQuery UI可调整大小

Question

我正在研究jQuery UI Resizable方法，我需要DIV（一个接着另一个）。我希望能够调整一个并相应地更改另一个。一个DIV变大，另一个DIV变小......

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

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

}）;

谢谢， 最大

Answer 1

您希望加入“调整大小”事件（http://docs.jquery.com/UI/Resizable#event-resize）

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

Answer 2

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

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

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

});