jQuery EasyUI API 中文文檔 - Draggable 可拖拽
用法
<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'時，克隆元素將被用作代理。如果指定一個函數(shù)，它必須返回一個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 |
事件
|
名稱 |
參數(shù) |
說明 |
|
onBeforeDrag |
e |
拖拽前觸發(fā)，返回false就取消拖拽。 |
|
onStartDrag |
e |
目標對象開始拖拽時觸發(fā)。 |
|
onDrag |
e |
拖拽期間觸發(fā)。返回false將不做真正的拖拽。 |
|
onStopDrag |
e |
拖拽停止時觸發(fā)。 |
方法
|
名稱 |
參數(shù) |
描述 |
|
options |
none |
返回選項（options）屬性（property）。 |
|
proxy |
none |
如果設置了代理（proxy）屬性就返回代理（proxy）。 |
|
enable |
none |
啟用拖拽動作。. |
|
disable |
none |
禁用拖拽動作。 |
相關文章
jquery ajax雙擊div可直接修改div中的內(nèi)容
這篇文章主要介紹了jquery ajax雙擊div直接修改div中內(nèi)容的相關方法，感興趣的小伙伴們可以參考一下2016-03-03
easyUI實現(xiàn)類似搜索框關鍵詞自動提示功能示例代碼
本篇文章主要介紹了easyUI實現(xiàn)類似搜索框關鍵詞自動提示功能示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
這篇文章主要介紹了jQuery支持添加事件的日歷特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了jQuery中filter()方法用法,實例分析了filter()方法的功能、定義及篩選的幾種使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery+css實現(xiàn)的換頁標簽欄效果,涉及jQuery動態(tài)操作頁面元素構造換頁標簽的相關技巧,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果,涉及jQuery針對頁面元素的運算與樣式的動態(tài)修改相關技巧,需要的朋友可以參考下2016-09-09
我們要時刻注意瀏覽器緩存, 當使用GET方式時要添加時間戳參數(shù) (net Date()).getTime() 來保證每次發(fā)送的URL不同, 可以避免瀏覽器緩存.2011-04-04
下面小編就為大家?guī)硪黄斦刯Query中的一些正則匹配表達式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
本篇文章主要是對jquery中get和post的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
通過實例比較一下使用 XMLHttpRequest和使用fetch之間的不同，這篇文章主要介紹了你不需要jQuery(三) 新AJAX方法fetch()2016-06-06