Resizable（调整大小）

使用$.fn.iResizable.defaults重写默认值对象。

用法

使用标签创建可变大小的窗口。

<div id="rr" data-toggle="topjui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;"></div>

使用Javascript创建可变大小的窗口。

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>

$('#rr').iResizable({
  maxWidth:800,
  maxHeight:600
});

属性

属性名	属性值类型	描述	默认值
disabled	boolean	如果为true，则禁用大小调整。	false
handles	string	声明调整方位,'n'=北,'e'=东,'s'=南等。	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	在停止改变大小的时候触发。

方法

方法名	方法参数	描述
options	none	返回调整大小属性。
enable	none	启用调整大小功能。
disable	none	禁用调整大小功能。