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'
});
特性
名稱 |
類型 |
說明 |
默認(rèn)值 |
proxy |
string,function |
拖拽時(shí)要使用的代理元素,設(shè)置為'clone'時(shí),克隆元素將被用作代理。如果指定一個(gè)函數(shù),它必須返回一個(gè)jQuery對(duì)象。 |
null |
revert |
boolean |
如果設(shè)為true,拖拽結(jié)束后元素將返回它的開始位置。 |
false |
cursor |
string |
拖拽時(shí)的css光標(biāo)(cursor)。 |
move |
deltaX |
number |
拖拽的元素相對(duì)于當(dāng)前光標(biāo)的位置的X。 |
null |
deltaY |
number |
拖拽的元素相對(duì)于當(dāng)前光標(biāo)的位置的Y。 |
null |
handle |
selector |
啟動(dòng)draggable的處理(handle)。 |
null |
disabled |
boolean |
設(shè)為true就停止draggable。 |
false |
edge |
number |
能夠在其中開始draggable.的拖拽寬度。 |
0 |
axis |
string |
定義拖拽元素可在其上移動(dòng)的軸,可用的值是'v'或'h',當(dāng)設(shè)為null,將會(huì)沿著'v'和'h'的方向移動(dòng)。 |
null |
事件
名稱 |
參數(shù) |
說明 |
onBeforeDrag |
e |
拖拽前觸發(fā),返回false就取消拖拽。 |
onStartDrag |
e |
目標(biāo)對(duì)象開始拖拽時(shí)觸發(fā)。 |
onDrag |
e |
拖拽期間觸發(fā)。返回false將不做真正的拖拽。 |
onStopDrag |
e |
拖拽停止時(shí)觸發(fā)。 |
方法
名稱 |
參數(shù) |
描述 |
options |
none |
返回選項(xiàng)(options)屬性(property)。 |
proxy |
none |
如果設(shè)置了代理(proxy)屬性就返回代理(proxy)。 |
enable |
none |
啟用拖拽動(dòng)作。. |
disable |
none |
禁用拖拽動(dòng)作。 |
- JQuery Dialog(JS 模態(tài)窗口,可拖拽的DIV)
- JQuery UI的拖拽功能實(shí)現(xiàn)方法小結(jié)
- jQuery拖拽div實(shí)現(xiàn)思路
- jQuery使用drag效果實(shí)現(xiàn)自由拖拽div
- 如何使用jQuery Draggable和Droppable實(shí)現(xiàn)拖拽功能
- 簡單的jquery拖拽排序效果實(shí)現(xiàn)代碼
- jQuery插件實(shí)現(xiàn)文件上傳功能(支持拖拽)
- JQuery之拖拽插件實(shí)現(xiàn)代碼
- jquery實(shí)現(xiàn)拖拽調(diào)整Div大小
- jquery實(shí)現(xiàn)拖拽小方塊效果
相關(guān)文章
jquery ajax雙擊div可直接修改div中的內(nèi)容
這篇文章主要介紹了jquery ajax雙擊div直接修改div中內(nèi)容的相關(guān)方法,感興趣的小伙伴們可以參考一下2016-03-03easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動(dòng)提示功能示例代碼
本篇文章主要介紹了easyUI實(shí)現(xiàn)類似搜索框關(guān)鍵詞自動(dòng)提示功能示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-12-12jQuery+css實(shí)現(xiàn)的換頁標(biāo)簽欄效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的換頁標(biāo)簽欄效果,涉及jQuery動(dòng)態(tài)操作頁面元素構(gòu)造換頁標(biāo)簽的相關(guān)技巧,需要的朋友可以參考下2016-01-01jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果,涉及jQuery針對(duì)頁面元素的運(yùn)算與樣式的動(dòng)態(tài)修改相關(guān)技巧,需要的朋友可以參考下2016-09-09Jquery Ajax的Get方式時(shí)需要注意URL地方
我們要時(shí)刻注意瀏覽器緩存, 當(dāng)使用GET方式時(shí)要添加時(shí)間戳參數(shù) (net Date()).getTime() 來保證每次發(fā)送的URL不同, 可以避免瀏覽器緩存.2011-04-04jquery中g(shù)et和post的簡單實(shí)例
本篇文章主要是對(duì)jquery中g(shù)et和post的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02