jQuery plugin redimensionnable, pour redimensionner seulement la hauteur

Question

Comment faire alsoResize option pour travailler uniquement pour la hauteur, mais pas pour la largeur et la hauteur?

Answer 1

En fait, si vous définissez maxWidth à une limite, nous ne pouvons pas redimensionner la largeur plus que cela.

Par exemple,

$(".selector").resizable({ maxWidth: 250 }); //For initialzation 

ne permettra pas au Redimensionnement de se produire plus que 250px de largeur

Si vous cochez cette démonstration http://jqueryui.com/demos/resizable/#max-min, vous remarquerez le redimensionnement de la largeur étant limitée à un point.

Donc dans votre cas définir la largeur initiale du .selector et maxWidth même et il est fait.

Pour plus d'informations aller à http://jqueryui.com/demos/resizable/#option-maxWidth

Answer 2

Je suppose que votre élément de base qui est redimensionnable, peut être redimensionnée dans les deux x & axe y. L'utilisation de l'option alsoResize appliquera les mêmes modifications aux éléments correspondants. Je vous suggère de ne pas utiliser l'option alsoResize, mais d'utiliser les gestionnaires d'événements resize pour appliquer les modifications manuellement.

Answer 3

Il suffit d'aller au code de plugin et mis ceci:

if (this.className == 'YOUR_ELEM_CLASS_OR_ID_NAME_HERE') css = ['height'];

droit après:

_alsoResize = function (exp, c) { 
      $(exp).each(function() { 
       var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, 
        css = c && c.length ? c : el.parents(ui.originalElement[0]).length ? ['width', 'height'] : ['width', 'height', 'top', 'left'];