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 相关文章推荐
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
js实现星星打分效果
Jul 05 Javascript
vue项目接口域名动态获取操作
Aug 13 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
vue实现按钮切换图片
Jan 20 Vue.js
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通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
PHP数组操作――获取数组最后一个值的方法
2015/04/14 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
jQuery select控制插件
2009/08/17 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
Vue实现可移动水平时间轴
2020/06/29 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
Windows下PyMongo下载及安装教程
2015/04/27 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
详解python之heapq模块及排序操作
2019/04/04 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
完整版商业计划书
2014/09/15 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技
错误码NET::ERR_CERT_DATE_INVALID证书已过期解决方法?
2022/07/07 数码科技