jQuery EasyUI API 中文文档 - Draggable 可拖拽 - Web前端

作者：98wpeu发布时间：2026-06-07分类：网页前端技术浏览：4

导读：用$.fn.draggable.defaults重写默认的defaults。用法复制代码代码如下:<divid="dd"style="width:100px;hei...

用$.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'
});

特性

名称	类型	说明	默认值
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	禁用拖拽动作。

标签：中文拖拽文档 Web Draggable API

上一篇：jQuery EasyUI API 中文文档 - Spinner微调器使用 - Web前端
下一篇：jQuery页面滚动浮动层智能定位实例代码 - Web前端

jQuery EasyUI API 中文文档 - Draggable 可拖拽 - Web前端

相关推荐