jQuery EasyUI API 中文文档 - Draggable 可拖拽
用$.fn.draggable.defaults重写默认的defaults。
用法
代码如下:
<div id="dd" style="width:100px;height:100px;">
<div id="title" style="background:#ccc;">title</div>
</div>
代码如下:
$('#dd').draggable({
handle:'#title'
});
用法
代码如下:
<div id="dd" style="width:100px;height:100px;">
<div id="title" style="background:#ccc;">title</div>
</div>
代码如下:
$('#dd').draggable({
handle:'#title'
});
特性
|
名称 |
类型 |
说明 |
默认值 |
|
proxy |
string,function |
拖拽时要使用的代理元素，设置为'clone'时，克隆元素将被用作代理。如果指定一个函数，它必须返回一个jQuery对象。 |
null |
|
revert |
boolean |
如果设为true，拖拽结束后元素将返回它的开始位置。 |
false |
|
cursor |
string |
拖拽时的css光标（cursor）。 |
move |
|
deltaX |
number |
拖拽的元素相对于当前光标的位置的X。 |
null |
|
deltaY |
number |
拖拽的元素相对于当前光标的位置的Y。 |
null |
|
handle |
selector |
启动draggable的处理（handle）。 |
null |
|
disabled |
boolean |
设为true就停止draggable。 |
false |
|
edge |
number |
能够在其中开始draggable.的拖拽宽度。 |
0 |
|
axis |
string |
定义拖拽元素可在其上移动的轴，可用的值是'v'或'h'，当设为null，将会沿着'v'和'h'的方向移动。 |
null |
事件
|
名称 |
参数 |
说明 |
|
onBeforeDrag |
e |
拖拽前触发，返回false就取消拖拽。 |
|
onStartDrag |
e |
目标对象开始拖拽时触发。 |
|
onDrag |
e |
拖拽期间触发。返回false将不做真正的拖拽。 |
|
onStopDrag |
e |
拖拽停止时触发。 |
方法
|
名称 |
参数 |
描述 |
|
options |
none |
返回选项（options）属性（property）。 |
|
proxy |
none |
如果设置了代理（proxy）属性就返回代理（proxy）。 |
|
enable |
none |
启用拖拽动作。. |
|
disable |
none |
禁用拖拽动作。 |
