Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery可调整大小插件,根据拖动边缘设置minWidth_Javascript_Jquery_Jquery Ui_Jquery Plugins - Fatal编程技术网

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

Javascript Jquery可调整大小插件,根据拖动边缘设置minWidth,javascript,jquery,jquery-ui,jquery-plugins,Javascript,Jquery,Jquery Ui,Jquery Plugins,所以我有一个图像,周围是一个裁剪标记,我不想调整裁剪标记的大小,使其小于图像 为此,我需要设置裁剪标记的最小宽度,这取决于用户从哪一侧调整大小(到处都有一个句柄:n、ne、e、se等) 我的问题是:如何做到这一点?(为了让我的问题更清楚,我加入了一张图片) 另外,这里有一个例子来说明这个问题 这个问题好像你贴了两次。下面是我的答案:有点奇怪的互动,但这里是() 嗨,伊利亚,你能告诉我们你到目前为止试过什么吗?如果您可以显示一些代码作为起点,人们会更容易帮助您。尽管如此,这张照片还是很有帮助,你的

所以我有一个图像,周围是一个裁剪标记,我不想调整裁剪标记的大小,使其小于图像

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

我的问题是:如何做到这一点?(为了让我的问题更清楚,我加入了一张图片)

另外,这里有一个例子来说明这个问题


这个问题好像你贴了两次。下面是我的答案:有点奇怪的互动,但这里是()


嗨,伊利亚,你能告诉我们你到目前为止试过什么吗?如果您可以显示一些代码作为起点,人们会更容易帮助您。尽管如此,这张照片还是很有帮助,你的描述也很棒。祝你好运!:)嘿老实说,关于这个问题我不知道从哪里开始,但下面是整个项目的代码:cheers mate+1-JSFIDLE可以帮助直接看到问题,这很好!我会将你的JSFIDLE添加到你的问题中。嗨,Ryan,没有必要多次回答转载的问题。只需标记重新发布(或在达到3k代表时投票关闭),我们将相应地关闭它们。现在,我已经结束了另一个问题,因为这里的问题比较完整。Ryan谢谢你的回答。我相信这会得到我想要的结果!谢谢你提供的关于双重发布的提示。但假设我的一个问题没有答案,我应该编辑它吗?谢谢还有,Ryan,你说这是一种奇怪的互动,什么是实现我目标的最佳方式。如果您看一看JSFIDLE示例,我相信您会看到我在尝试做什么:)
$(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;
            }
        }
    });
});​