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 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
Sep 15 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
JS数字千分位格式化实现方法总结
Dec 16 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
canvas绘制折线路径动画实现
May 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 stream_get_meta_data返回值
2013/09/29 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
CI框架中类的自动加载问题分析
2016/11/21 PHP
JS 自定义函数缺省值的设置方法
2010/05/05 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
如何快速上手Vuex
2017/02/14 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
Angular2 组件通信的实例代码
2017/06/23 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
express express-session的使用小结
2018/12/12 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
基于JavaScript 实现拖放功能
2019/09/12 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
浅谈flask源码之请求过程
2018/07/26 Python
浅谈django orm 优化
2018/08/18 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
python入门之基础语法学习笔记
2020/02/08 Python
初中生评语大全
2014/04/24 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
机械专业技术员求职信
2014/06/14 职场文书
三分钟自我介绍演讲稿
2014/08/21 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技