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参考实例 1.0 jQuery的哲学
Apr 07 Javascript
javascript初学者常用技巧
Sep 02 Javascript
jQuery 插件开发指南
Nov 14 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 Javascript
jQuery实现手风琴特效
Jan 11 jQuery
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
PHP5 安装方法
2006/10/09 PHP
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
php实现utf-8和GB2312编码相互转换函数代码
2013/02/07 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
php session的锁和并发
2016/01/22 PHP
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
intro.js 页面引导简单用法 分享
2013/08/06 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
js简单时间比较的方法
2016/08/02 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
vue keep-alive请求数据的方法示例
2018/05/16 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
详解 javascript对象创建模式
2020/10/30 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python 将md5转为16字节的方法
2018/05/29 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
python 图像平移和旋转的实例
2019/01/10 Python
django foreignkey(外键)的实现
2019/07/29 Python
python list转置和前后反转的例子
2019/08/26 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
django rest framework使用django-filter用法
2020/07/15 Python
CAT鞋美国官网:CAT Footwear
2017/11/27 全球购物
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
设计师大码女装:11 Honoré
2020/05/03 全球购物
口头翻译求职人自荐信
2013/12/07 职场文书
大学生职业生涯规划书模板
2014/01/03 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
陕西导游词
2015/02/04 职场文书
个人先进事迹总结
2015/02/26 职场文书