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 指导方针
Apr 05 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
javascript面向对象之对象的深入理解
Jan 13 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
Layui实现带查询条件的分页
Jul 27 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不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
PHP学习 变量使用总结
2011/03/24 PHP
深入解析PHP中逗号与点号的区别
2013/08/05 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
利用PHP绘图函数实现简单验证码功能的方法
2016/10/18 PHP
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
JavaScript实现表格排序方法
2013/06/14 Javascript
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
AngularJS前端页面操作之用户修改密码功能示例
2017/03/27 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
活动倡议书范文
2014/05/13 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js
Python+Selenium实现抖音、快手、B站、小红书、微视、百度好看视频、西瓜视频、微信视频号、搜狐视频、一点号、大风号、趣头条等短视频自动发布
2022/04/13 Python