jQuery EasyUI API 中文文档 - Draggable 可拖拽
用法
<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 |
禁用拖拽动作。 |
栏 目:jquery
下一篇:jQuery UI插件自定义confirm确认框的方法
本文标题:jQuery EasyUI API 中文文档 - Draggable 可拖拽
本文地址:http://www.codeinn.net/misctech/66729.html