javascript - jquery resizable插件，根据拖动边设置minWidth

Question

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

为此，我需要设置裁剪标记的 minWidth，这取决于用户从哪一侧调整大小（到处都有一个句柄：n、ne、e、se 等）

我的问题是：如何实现这一目标？（我附上了一张图片，让我的问题更清楚一点）

此外，这是一个演示问题的jsfiddle。

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;
            }
        }
    });
});​