Jquery可调整大小的插件，根据拖动边缘设置minWidth

Question

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

要做到这一点，我需要设置裁剪标记的minWidth，这取决于用户调整大小的位置（到处都有句柄：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;
            }
        }
    });
});​