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

Question

alsoResize高さのみで機能し、幅と高さの両方では機能しないオプションを作成するにはどうすればよいですか?

Answer 1

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

例えば、

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

幅が 250px を超えるサイズ変更は許可されません

このデモ http://jqueryui.com/demos/resizable/#max-minを確認すると、幅のサイズ変更がポイントに制限されていることがわかります。

したがって、あなたの場合、最初の幅を同じに設定.selectorすれmaxWidthば完了です。

詳細については、http://jqueryui.com/demos/resizable/#option-maxWidthを参照してください。

Answer 2

プラグインコードに移動して、次のように入力します。

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

Answer 3

サイズ変更可能な基本要素は、x 軸と y 軸の両方でサイズ変更できると想定しています。alsoResize オプションを使用すると、一致する要素に同じ変更が適用されます。alsoResize オプションは使用せず、resize イベント ハンドラを使用して変更を手動で適用することをお勧めします。