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调用asp.net 页面后台的实现代码
Apr 27 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
May 23 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
前端弹出对话框 js实现ajax交互
Sep 09 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
axios 封装上传文件的请求方法
Sep 26 Javascript
js实现简单点赞操作
Mar 17 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 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生成便于打印的网页
2006/10/09 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
学习vue.js计算属性
2016/12/03 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
微信小程序实现定位及到指定位置导航的示例代码
2019/08/20 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
Python基础教程之异常详解
2019/01/10 Python
详解Django 时间与时区设置问题
2019/07/23 Python
python 遍历pd.Series的index和value
2019/11/26 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
python中的列表和元组区别分析
2020/12/30 Python
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
秸秆管理实施方案
2014/03/15 职场文书
股份合作协议书范本
2014/04/14 职场文书
团代会宣传工作方案
2014/05/08 职场文书
汉语言文学专业自荐信
2014/06/11 职场文书
防汛工作情况汇报
2014/10/28 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
我的生日感言
2015/08/03 职场文书
老人院义工活动感想
2015/08/07 职场文书
文明礼仪主题班会
2015/08/13 职场文书
班主任培训研修日志
2015/11/13 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers