javascript - 按住 shift 时不要保持 jQuery 可调整大小的纵横比

Question

我正在使用 jQuery resizable 调整一个 div 的大小，我只想调整它的高度。

我设法只在拖动底部助手时调整大小:

$('div').resizable({
   handles: 's',
});

但是如果我按住 shift 键，宽度就会改变。参见 http://jsfiddle.net/6p20qjmr/3/

如何禁用此行为？

编辑:div 容器宽度可能会在初始可调整大小调用后发生变化。

Answer 1

$(function() {
    var $elt = $(".resize");
    var width = $elt.width();
   $elt.resizable({
       handles: 's',
       maxWidth: width,
       minWidth: width
    });
});

这可能不是最好的解决方案，但我对 JQuery UI 的可调整大小功能不是很熟悉。我什至不确定为什么按住 shift 会改变功能。如果您能对此做出解释，我或许可以提供一个看起来不那么古怪的更好解决方案。

fiddle :http://jsfiddle.net/6p20qjmr/