jQuery EasyUI API 中文文档 - Draggable 可拖拽


Posted in Javascript onSeptember 29, 2011

用$.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 禁用拖拽动作。
Javascript 相关文章推荐
jQuery 性能优化指南(3)
May 21 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
关于可运行代码无法正常执行的使用说明
May 13 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
JS实现前端页面的搜索功能
Jun 12 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 #Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 #Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 #Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 #Javascript
封装了一个js图片轮换效果的函数
Sep 28 #Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 #Javascript
You might like
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP基于单例模式实现的mysql类
2016/01/09 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
php文件上传类的分享
2017/07/06 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
一个基于jquery的图片切换效果
2010/07/06 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
js实现录音上传功能
2019/11/22 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
简单谈谈Python中的反转字符串问题
2016/10/24 Python
python读取文件名称生成list的方法
2018/04/27 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
对Django外键关系的描述
2019/07/26 Python
python 模拟贷款卡号生成规则过程解析
2019/08/30 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
Python如何发送与接收大型数组
2020/08/07 Python
英文简历中的自我评价
2013/10/06 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
农业生产宣传标语
2014/10/08 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
2014年教研室工作总结
2014/12/06 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL