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 | 停止调整尺寸时触发。 |