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 相关文章推荐
Mootools 1.2教程(21)——类(二)
Sep 15 Javascript
jquery maxlength使用说明
Sep 09 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 Javascript
详解vue中使用微信jssdk
Apr 19 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
Sep 02 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中基于ts与nts版本- vc6和vc9编译版本的区别详解
2013/04/26 PHP
php array_udiff_assoc 计算两个数组的差集实例
2016/11/12 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
Python GUI编程完整示例
2019/04/04 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Python Process多进程实现过程
2019/10/22 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
pycharm中导入模块错误时提示Try to run this command from the system terminal
2020/03/26 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
keras中的History对象用法
2020/06/19 Python
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
韩国爱茉莉太平洋化妆品美国站:Amore Pacific US
2016/10/28 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
求职简历自荐信范文
2013/10/21 职场文书
职工趣味运动会方案
2014/02/10 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
Mongo服务重启异常问题的处理方法
2021/07/01 MongoDB