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 相关文章推荐
javascript 写类方式之六
Jul 05 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
Nov 13 Javascript
vue中eslintrc.js配置最详细介绍
Dec 21 Javascript
Vue实现验证码功能
Dec 03 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 01 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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的access操作类
2008/04/09 PHP
php $_ENV为空的原因分析
2009/06/01 PHP
hessian 在PHP中的使用介绍
2010/12/13 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
Python3 能振兴 Python的原因分析
2014/11/28 Python
Python过滤列表用法实例分析
2016/04/29 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
澳大利亚婴儿喂养品牌:Cherub Baby
2018/11/01 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
英文简历中的自我评价
2013/10/06 职场文书
研发工程师的岗位职责
2013/11/18 职场文书
业务主管岗位职责
2013/11/20 职场文书
旅游项目开发策划书
2014/01/18 职场文书
毕业生求职信范文
2014/06/29 职场文书
改进工作作风心得体会
2016/01/23 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
php访问对象中的成员的实例方法
2021/11/17 PHP
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android