- 时间:2021-04-23 01:44 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要: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'
});
[b]
特性[/b][b][/b]
|
[b]名称[/b][b][/b]
|
[b]类型[/b][b][/b]
|
[b]说明[/b][b][/b]
|
[b]默认值[/b][b][/b]
|
|
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
|
[b]
事件[/b][b][/b]
|
[b]名称[/b][b][/b]
|
[b]参数[/b][b][/b]
|
[b]说明[/b][b][/b]
|
|
onBeforeDrag
|
e
|
拖拽前触发,返回false就取消拖拽。
|
|
onStartDrag
|
e
|
目标对象开始拖拽时触发。
|
|
onDrag
|
e
|
拖拽期间触发。返回false将不做真正的拖拽。
|
|
onStopDrag
|
e
|
拖拽停止时触发。
|
[b]
方法[/b][b][/b]
|
[b]名称[/b][b][/b]
|
[b]参数[/b][b][/b]
|
[b]描述[/b][b][/b]
|
|
options
|
none
|
返回选项(options)属性(property)。
|
|
proxy
|
none
|
如果设置了代理(proxy)属性就返回代理(proxy)。
|
|
enable
|
none
|
启用拖拽动作。.
|
|
disable
|
none
|
禁用拖拽动作。
|