Non mantenere le proporzioni con jQuery ridimensionabile mentre si tiene il turno

Question

Sto ridimensionando un div con ridimensionabile jQuery e voglio solo ridimensionarne l'altezza.

sono riuscito a ridimensionare solo durante il trascinamento aiutante di fondo:

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

Ma se tengo tasto shift, larghezza sta cambiando. Vedere http://jsfiddle.net/6p20qjmr/3/

Come disabilitare questo comportamento?

Modifica: La larghezza del contenitore div può cambiare dopo la chiamata ridimensionabile iniziale.

Answer 1

trovo un modo per ottenere ciò che voglio utilizzare resize parametri e resettare la larghezza dopo ogni ridimensionare evento:

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

Vedi http://jsfiddle.net/6p20qjmr/4/

Answer 2

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

questo potrebbe non essere la soluzione migliore, ma io non sono super familiarità con la funzionalità ridimensionabile di JQuery UI. Non sono nemmeno sicuro del motivo per cui il cambio di turno cambia la funzionalità. Se potessi spiegarlo, potrei essere in grado di fornire una soluzione migliore che sembra meno hacky.

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