jquery resizable插件，根据拖动边设置minWidth答案

【问题标题】：Jquery resizable plugin, set minWidth depending on the dragging edgejquery resizable插件，根据拖动边设置minWidth
【发布时间】：2012-05-27 09:11:05
【问题描述】：

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

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

我的问题是：如何做到这一点？（我附上一张图片让我的问题更清楚）

另外，这里有一个 jsfiddle 来说明问题。

【问题讨论】：

嗨，Ilya，你能告诉我们你到目前为止所做的尝试吗？如果您可以显示一些代码作为起点，人们会更容易帮助您。不过，这张照片确实有帮助，你的描述也很棒。祝你好运！ :)
嘿。老实说，我不知道从哪里开始解决这个问题，但这里是完整项目的代码：jsfiddle.net/tvm6X欢呼伙伴
+1 - jsfiddle 有助于直接看到问题，这很棒！我会将您的 jsfiddle 添加到您的问题中。

标签： javascript jquery jquery-ui jquery-plugins

【解决方案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;
            }
        }
    });
});

【讨论】：

嗨瑞恩，没有必要多次回答转发的问题。只需标记转发（或在达到 3k 代表时投票关闭），我们将相应地关闭它们。现在，我已经关闭了另一个问题，因为这里的问题更完整。
瑞恩感谢您的回答。我相信这应该得到我想要的结果！并感谢有关双重发布的提示。但是假设我的一个问题没有答案，那么我应该编辑它吗？谢谢。另外，Ryan，你说这是一种奇怪的互动，实现我的目标的最佳方式是什么。如果您查看 JSfiddle 示例，我相信您会看到我正在尝试做的事情 :)