仅使用jQuery UI调整宽度？

我有一个分为两列的网页。我已使这些列的大小可调整。有没有办法只允许调整宽度而不允许调整高度？另外，当我调整一列的大小时，另一列的宽度应该相应地调整大小

提供有关我目前如何实现这一目标的信息是： 在column1的“resize”事件中，我正在检索该column1的宽度，并通过从整个网页宽度中减去column1宽度来设置column2的宽度。这就是我调整第一列大小时第二列相应调整大小的方式

有人能告诉我这样做是否合适吗？

---

如果没有，请建议一种更好的方法..thanx提前：）

您尝试过css属性min height、max height、min width和max width吗？如果您使用插件，最常见的情况是这些属性将作为调整元素大小的限制

具有

minHeight

和

maxHeight

选项。如果将这些设置为视口高度，则只有宽度可调整

var wndHeight = $(window).height(); // Use whatever height is appropriate
$('#column1').height(wndHeight)
             .resizable({ minHeight: wndHeight, maxHeight: wndHeight });

这是一个例子

---

要调整另一列的大小，可以使用，类似于您已经描述的使用stand resize事件的方式。

FishBasketGordo的答案由于某种原因对我不起作用。我通过使用ResizeableWidget的

resize

事件解决了这个问题。以下示例假设您正在调整#target_div的大小，并且希望#target_div保持相同的高度（以像素为单位）

var targetHeight = $('#target_div').height(); // Get the height of the object.  This can be done when the window loads.
$('#target_div').resizable({
  resize: function(event, ui) {
    ui.element.css('height', targetHeight);
  },
});