DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery EasyUI API 中文文檔 - Draggable 可拖拽
jQuery EasyUI API 中文文檔 - Draggable 可拖拽
編輯:JQuery特效代碼     
用$.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

禁用拖拽動作。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved