javascript - Jquery resizable plugin，根据拖动边设置minWidth

Question

所以我有一个图像，它周围是一个裁剪标记，我不希望能够调整裁剪标记的大小小于图像。

为此，我需要设置裁切标记的最小宽度，这取决于用户从哪一侧调整大小(到处都有一个句柄:n、ne、e、se 等)

我的问题是:如何做到这一点？ (我附上一张图片让我的问题更清楚一点)

此外，这是一个 jsfiddle这说明了问题。

Answer 1

您似乎将此问题发布了两次。这是我在 other question 上的回答: 有点奇怪的交互，但这里是 ( 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;
            }
        }
    });
});​