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识别不同浏览器基于userAgent做判断
Jul 29 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
Aug 23 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
Oct 25 Javascript
实例教学如何写vue插件
Nov 30 Javascript
JavaScript 高性能数组去重的方法
Sep 20 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 25 Javascript
微信小程序实现锚点功能
Nov 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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
PHP 数组实例说明
2008/08/18 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
教你如何开启shopnc b2b2c 伪静态
2014/10/21 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
JQuery 常用方法和事件详细介绍
2013/04/18 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
详解nodejs的express如何自动生成项目框架
2017/07/12 NodeJs
layDate插件设置开始和结束时间
2018/11/15 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
vue浏览器返回监听的具体步骤
2021/02/03 Vue.js
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
Python创建xml的方法
2015/03/10 Python
Python写入CSV文件的方法
2015/07/08 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
torch 中各种图像格式转换的实现方法
2019/12/26 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
期中考试复习计划
2015/01/19 职场文书
学术会议通知
2015/04/15 职场文书
八一建军节主持词
2015/07/01 职场文书
2015年国庆节寄语
2015/08/17 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang
Mysql数据库group by原理详解
2022/07/07 MySQL