Jquery可resize的插件，根据拖动边缘设置minWidth

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

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