Resizable 可调整尺寸
用$.fn.resizable.defaults重写defaults。
用法
复制代码 代码如下:
<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>
复制代码 代码如下:
$('#rr').resizable({
maxWidth:800,
maxHeight:600
});
特性
名称 |
类型 |
说明 |
默认值 |
disabled |
boolean |
true将禁止调整尺寸。 |
false |
handles |
string |
指resizable的方向。'n'是北,'e'是东,等等。 |
n, e, s, w, ne, se, sw, nw, all |
minWidth |
number |
调整尺寸时最小宽度。 |
10 |
minHeight |
number |
调整尺寸时最小高度。 |
10 |
maxWidth |
number |
调整尺寸时最大宽度。 |
10000 |
maxHeight |
number |
调整尺寸时最大高度。 |
10000 |
edge |
number |
被调整尺寸的边框的边缘。 |
5 |
事件
名称 |
参数 |
说明 |
onStartResize |
e |
开始调整尺寸时触发。 |
onResize |
e |
调整尺寸期间触发。返回false时DOM元素将不进行真实的调整尺寸动作。 |
onStopResize |
e |
停止调整尺寸时触发。 |
时间: 2024-10-27 19:09:25