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 事件对象属性小结
Apr 27 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
Javascript模块化编程详解
Dec 01 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
Javascript的console['']常用输入方法汇总
Apr 26 Javascript
微信小程序获取音频时长与实时获取播放进度问题
Aug 28 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
Feb 14 Javascript
js面试题之异步问题的深入理解
Sep 20 Javascript
微信小程序实现购物车功能
Nov 18 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实现ping
2006/10/09 PHP
PHP完整的日历类(CLASS)
2006/11/27 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
Table冻结表头示例代码
2013/08/20 Javascript
JavaScript 命名空间 使用介绍
2013/08/29 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
python内存管理分析
2015/04/08 Python
Python中自定义函数的教程
2015/04/27 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
python使用tornado实现登录和登出
2018/07/28 Python
python cs架构实现简单文件传输
2020/03/20 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
实验教师岗位职责
2014/02/13 职场文书
幼教求职信
2014/03/12 职场文书
销售团队口号大全
2014/06/06 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
2016年八一建军节活动总结
2016/04/05 职场文书
总结一些Java常用的加密算法
2021/06/11 Java/Android
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏