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性能
Feb 24 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
Mar 05 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
浅谈vue-lazyload实现的详细过程
Aug 22 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 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中foreach/in_array的使用
2015/11/02 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
javascript+xml技术实现分页浏览
2008/07/27 Javascript
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
JQuery基础语法小结
2015/02/27 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
跟我学习javascript的定时器
2015/11/19 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
2017/08/16 jQuery
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python中给List添加元素的4种方法分享
2014/11/28 Python
python定时执行指定函数的方法
2015/05/27 Python
Python第三方库的安装方法总结
2016/06/06 Python
查看django版本的方法分享
2018/05/14 Python
基于python实现简单日历
2018/07/28 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
团日活动总结书
2014/05/08 职场文书
啦啦队口号大全
2014/06/16 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
防暑降温通知书
2015/04/27 职场文书
爱国主题班会教案
2015/08/14 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书