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的可调整大小的功能并不是很熟悉。我甚至不确定为什么持有班次会改变功能。如果你可以解释一下，我可能能够提供一个看起来不那么黑的更好的解决方案。

小提琴：http://jsfiddle.net/6p20qjmr/

Answer 2

我找到了一种方法来实现我想要的resize参数并在每次调整大小事件后重置宽度：

$(".resize").resizable({
    handles: 's',
    resize: function() {
        $(this).css('width', '');
    }
});

请参阅http://jsfiddle.net/6p20qjmr/4/

Answer 3

set_target_properties(unit-test PROPERTIES EXCLUDE_FROM_ALL TRUE)

尝试：http://jsfiddle.net/e1wagrh9/

在保持shift的同时，不要将jQuery的宽高比保持可调整大小

3 个答案: