Resizable adjustable size
Use $. fn. resizable. defaults to override defaults.
Usage
Copy codeThe Code is as follows: <div id = "rr" style = "width: 100px; height: 100px; border: 1px solid # ccc;"> </div>
Copy codeThe Code is as follows: $ ('# rr'). resizable ({
MaxWidth: 800,
MaxHeight: 600
});
Features
Name |
Type |
Description |
Default Value |
Disabled |
Boolean |
True will disable resizing. |
False |
Handles |
String |
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 for dimension adjustment. |
10 |
MinHeight |
Number |
The minimum height when the dimension is adjusted. |
10 |
MaxWidth |
Number |
The maximum width when the dimension is adjusted. |
10000 |
MaxHeight |
Number |
The maximum height when the dimension is adjusted. |
10000 |
Edge |
Number |
The edge of the border to be resized. |
5 |
Event
Name |
Parameters |
Description |
OnStartResize |
E |
Triggered when the dimension is adjusted. |
OnResize |
E |
Triggered during resizing. When false is returned, the DOM element does not actually adjust the size. |
OnStopResize |
E |
Triggered when dimension adjustment is stopped. |