jQueryサイズ変更可能なプラグイン、高さのみのサイズ変更

Question

alsoResizeオプションは、高さでのみ動作し、幅と高さでは動作しません。

Answer 1

実際にはmaxWidthに制限を設定すると、それ以上の幅のサイズを変更することはできません。例えば

、

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

は、あなたがこのデモ http://jqueryui.com/demos/resizable/#max-minをチェックすると、サイズ変更は幅

によりその250ピクセルを発生することはできませんあなたは幅のサイズ変更がポイントに限定されるものではわかります。

したがって、は、.selectorとmaxWidthの最初の幅を同じに設定しています。詳細については

は、私はサイズ変更が可能である、あなたの基本要素は、両方のx & y軸にサイズ変更できることを仮定していhttp://jqueryui.com/demos/resizable/#option-maxWidth

Answer 2

に行きます。 alsoResizeオプションを使用すると、同じ変更が一致する要素に適用されます。私は、あなたはalsoResizeオプションを使わないことを提案しましたが、resizeイベントハンドラを使って変更を手動で適用しました。

Answer 3

だけでプラグインのコードに移動し、これを置く：

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

右この後：

_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'];