Resizable Adjustable size
Rewrite defaults with $.fn.resizable.defaults.
Usage
Copy Code code as follows:
<div id= "RR" style= "width:100px;height:100px;border:1px solid #ccc;" ></div>
Copy Code code as follows:
$ (' #rr '). Resizable ({
maxwidth:800,
maxheight:600
});
Characteristics
Name |
Type |
Description |
Default value |
Disabled |
Boolean |
True to prevent resizing. |
False |
Handles |
String |
Refers to the direction of resizable. ' n ' is North,' E ' is east, and so on. |
N, E, S, W, NE, SE, SW, NW, all |
MinWidth |
Number |
Minimum width when sizing. |
10 |
MinHeight |
Number |
Minimum height when sizing. |
10 |
MaxWidth |
Number |
Maximum width when sizing. |
10000 |
MaxHeight |
Number |
Maximum height when sizing. |
10000 |
Edge |
Number |
The edge of the bounding rectangle of the resized dimension. |
5 |
Event
e
name |
parameter |
description |
onstartresize | td>
to start resizing. |
onresize |
e |
Resize period triggered. Returns false when dom element will not be true resizing action. |
onstopresize /td> |
e |
stops resizing when it is triggered. |