javascript - ドラッグされているエッジに応じて、Jqueryサイズ変更プラグインの最小幅

Question

重複の可能性:
Jquery のサイズ変更可能なプラグイン、ドラッグするエッジに応じて minWidth を設定

要素のどの端がドラッグされているかに応じて、minWidth と高さを設定するにはどうすればよいですか?

Answer 1

ちょっと奇妙な相互作用ですが、ここにあります（jsfiddle）

$(function() {
    $( "#resizable" ).resizable({
        handles : 'e, n, s, w',
        resize : function(event, ui){
            switch($(this).data('resizable').axis)
            {
                case 'n':
                    $(this).resizable( "option", "minHeight", 75 );
                    break;
                case 's':
                    $(this).resizable( "option", "minHeight", 100 );
                    break;
                case 'e':
                    $(this).resizable( "option", "minWidth", 150 );
                    break;
                case 'w':
                    $(this).resizable( "option", "minWidth", 200 );
                    break;
            }
        }
    });
});​