Не сохраняйте пропорции с jQuery, изменяя размер при удерживании сдвига

Question

Я изменяю размер div с jQuery, изменяемый по размеру, и я только хочу изменить его высоту.

мне удалось только изменить размер при перемещении нижнего помощника:

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

Но если я держу клавишу переключения, ширина меняется. См. http://jsfiddle.net/6p20qjmr/3/

Как отключить это поведение?

Редактировать: Ширина контейнера div может измениться после первоначального изменения размера звонка.

Answer 1

я найти способ добиться того, что я хочу с помощью resize параметра и переустановка ширины после каждого изменения размера события:

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

См http://jsfiddle.net/6p20qjmr/4/

Answer 2

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

Это может быть не лучшее решение, но я не очень хорошо разбираюсь в изменяемых размерах JQuery UI. Я даже не уверен, почему смена сдвига меняет функциональность. Если бы вы могли это объяснить, я мог бы предложить лучшее решение, которое кажется менее взломанным.

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