DIV CSS 佈局教程網

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

停止調整尺寸時觸發。