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)
Oct 01 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
使用vue如何构建一个自动建站项目
Feb 05 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
Aug 13 Javascript
原生JS实现轮播图效果
Oct 12 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 redis实现文章发布系统(用户投票系统)
2017/03/04 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
表单元素事件 (Form Element Events)
2009/07/17 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
Python中for循环详解
2014/01/17 Python
Django框架中方法的访问和查找
2015/07/15 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
python实现windows下文件备份脚本
2018/05/27 Python
Python continue继续循环用法总结
2018/06/10 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
Python使用修饰器进行异常日志记录操作示例
2019/03/19 Python
Python线程threading模块用法详解
2020/02/26 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
物业公司采购员岗位职责
2013/12/31 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
高中生学习计划书
2014/09/15 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
Python访问Redis的详细操作
2021/06/26 Python
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS