imgAreaSelect JQuery插件可调整大小的Div的最小宽度和高度

Question

我有一个由Jquery Plug-in生成的可重复的div。它的目的是用于裁剪功能。下面是Jquery插件的链接：

http://odyniec.net/projects/imgareaselect/usage.html

HTML代码：

<div class="imgareaselect-border4"></div>

JavaScript代码：

$('#img_captured').imgAreaSelect({
    handles: true,
    aspectRatio: "1:1",
    disable: false,
    hide: false,
    show:true,
    minHeight: '140px', //Set it's minimum height
    minWidth: '140px'   //Set it's minimum width
});

它有一种设置它的最小高度和宽度的方法，但不适用于我。我不知道出了什么问题，所以我最后的办法是手动完成。我尝试使用下面的css代码，但不起作用。如何限制它直到它的尺寸为140px x 140px？

.imgareaselect-border4
{
    min-height: 140px;
    min-width: 140px;       
}

Answer 1

imgareaselect中maxHeight和maxWidth的参数不使用字符串而是整数

＆＃13;

＆＃13;

$('#img_captured').imgAreaSelect({
    handles: true,
    aspectRatio: "1:1",
    disable: false,
    hide: false,
    show:true,
    minHeight: 140, //Edit here
    minWidth: 140   //Edit here
});

＆＃13;

＆＃13;

＆＃13;