手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery EasyUI API 中文文档 - Draggable 可拖拽
jQuery EasyUI API 中文文档 - Draggable 可拖拽
摘要:用$.fn.draggable.defaults重写默认的defaults。用法复制代码代码如下:title复制代码代码如下:$('#dd'...

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

用法

复制代码 代码如下:

<div id="dd">

<div id="title">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

禁用拖拽动作。

【jQuery EasyUI API 中文文档 - Draggable 可拖拽】相关文章:

jQuery实现弹出窗口中切换登录与注册表单

教学演示-UBB,剪贴板,textRange及其他

node.js微信公众平台开发教程

理解Javascript图片预加载

关于JavaScript作用域你想知道的一切

JQuery中Text方法用法实例分析

javascript带回调函数的异步脚本载入方法实例分析

JavaScript实际应用:innerHTMl和确认提示的使用

JavaScript基于setTimeout实现计数的方法

让插入到 innerHTML 中的 script 跑起来的实现代码

精品推荐
分类导航