作家
登录

jQuery EasyUI API 中文文档 - Draggable 可拖拽

作者: 来源:www.28hudong.com 2013-03-30 00:43:19 阅读 我要评论

用$.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权威指南 学习笔记之null和undefined

复制代码 代码如下: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript之null和undefined</title> </head> <body> <script type="text/java>>>详细阅读


本文标题:jQuery EasyUI API 中文文档 - Draggable 可拖拽

地址:http://www.17bianji.com/kaifa2/JS/24127.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)