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 |
拖拽時要使用的代理元素，設(shè)置為'clone'時，克隆元素將被用作代理。如果指定一個函數(shù)，它必須返回一個jQuery對象。 |
null |
|
revert |
boolean |
如果設(shè)為true，拖拽結(jié)束后元素將返回它的開始位置。 |
false |
|
cursor |
string |
拖拽時的css光標（cursor）。 |
move |
|
deltaX |
number |
拖拽的元素相對于當前光標的位置的X。 |
null |
|
deltaY |
number |
拖拽的元素相對于當前光標的位置的Y。 |
null |
|
handle |
selector |
啟動draggable的處理（handle）。 |
null |
|
disabled |
boolean |
設(shè)為true就停止draggable。 |
false |
|
edge |
number |
能夠在其中開始draggable.的拖拽寬度。 |
0 |
|
axis |
string |
定義拖拽元素可在其上移動的軸，可用的值是'v'或'h'，當設(shè)為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 |
如果設(shè)置了代理（proxy）屬性就返回代理（proxy）。 |
|
enable |
none |
啟用拖拽動作。. |
|
disable |
none |
禁用拖拽動作。 |
相關(guān)文章
這個東西也是隨手總結(jié)出來的，引用了一些js框架jquery的方法。2010-02-02
這篇文章主要為大家詳細介紹了jquery+CSS3實現(xiàn)3D拖拽相冊效果的具體代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了jquery.picsign 自己封裝的第一個開源組件,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了jQuery選擇器源碼解讀（三）：tokenize方法,本文用詳細的注釋解讀了tokenize方法的實現(xiàn)源碼,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery聚合函數(shù),實例分析了jQuery中聚合函數(shù)的使用方法,需要的朋友可以參考下2015-05-05
本篇文章主要是對Jquery實現(xiàn)可多選的下拉框的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jquery.blockUI.js上傳滾動等待效果實現(xiàn)思路及代碼
上傳滾動等待效果想必大家在很多場合都有見過吧，本文將介紹jquery.blockUI.js實現(xiàn)上傳滾動等待效果，感興趣的你可不要錯過了哈，希望可以幫助到你2013-03-03
這篇文章主要介紹了Laravel整合Bootstrap 4的完整方案,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-01-01
jquery精度計算代碼 jquery指定精確小數(shù)位
這篇文章主要為大家詳細介紹了jquery精度計算代碼,jquery指定精確小數(shù)位，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
今天看到一個技術(shù)類網(wǎng)站，在顯示代碼的地方，邊框會拉長，很方便用戶閱讀體驗，特看了下代碼，原理很簡單，使用了jquery，不適用也可以實現(xiàn)2011-12-12