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

Question

I have a re sizable div generated by a Jquery Plug-in.It's purpose is for the cropping functionality. Below is the Jquery plug-in's link:

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

HTML Code:

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

JavaScript Code:

$('#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
});

It has a way of setting it's minimum height and width, but doesn't work with me. I don't know what's wrong, so my last resort is to do it manually. I tried using the css code below but doesn't work. How can I limit it until it's dimension is 140px x 140px?

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

Answer 1

The arguments for maxHeight and maxWidth in imgareaselect don't use strings but integers

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