jQuery EasyUI API 中文文档 - 可拖拽-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

jQuery EasyUI API 中文文档 - 可拖拽

简介: Draggable  可拖拽 用$.fn.draggable.defaults重写默认的defaults。 用法 1.   2.     title  3.   1. $('#dd').draggable({   2.     handle:'#title'  3. });  特性 名称 类型 说明 默认值 proxy string,function 拖拽时要使用的代理元素,设置为’clone’时,克隆元素将被用作代理。
Draggable  可拖拽

$.fn.draggable.defaults重写默认的defaults

用法

1. <div id="dd" style="width:100px;height:100px;"> 

2.     <div id="title" style="background:#ccc;">title</div> 

3. </div> 

1. $('#dd').draggable({  

2.     handle:'#title' 

3. }); 

特性

名称

类型

说明

默认值

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

禁用拖拽动作。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: