| 屬性名稱 | 說明 |
|---|---|
| group | :group= "name",相同的組之間可以相互拖拽 |
| sort | :sort= "true",是否開啟內部排序,如果設置為false,它所在組無法排序,在其他組可以拖動排序 |
| delay | :delay= "0", 鼠標按下后多久可以拖拽 |
| touchStartThreshold | 鼠標移動多少px才能拖動元素 |
| disabled | :disabled= "true",是否啟用拖拽組件 |
| animation | 拖動時的動畫效果,還是很酷的,數字類型。如設置animation=1000表示1秒過渡動畫效果 |
| handle | :handle=".mover" 只有當鼠標移動到css為mover類的元素上才能拖動 |
| filter | :filter=".unmover" 設置了unmover樣式的元素不允許拖動 |
| draggable | :draggable=".item" 那些元素是可以被拖動的 |
| ghostClass | :ghostClass="ghostClass" 設置拖動元素的占位符類名,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true |
| chosenClass | :ghostClass="hostClass" 被選中目標的樣式,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true |
| dragClass | :dragClass="dragClass"拖動元素的樣式,你的自定義樣式可能需要加!important才能生效,並把forceFallback屬性設置成true |
| dataIdAttr | dataIdAttr: 'data-id' |
| forceFallback | 默認false,忽略HTML5的拖拽行為,因為h5里有個屬性也是可以拖動,你要自定義ghostClass chosenClass dragClass樣式時,建議forceFallback設置為true |
| fallbackClass | 默認false,克隆的DOM元素的類名 |
| allbackOnBody | 默認false,克隆的元素添加到文檔的body中 |
| fallbackTolerance | 拖拽之前應該移動的px |
| scroll | 默認true,有滾動區域是否允許拖拽 |
| scrollFn | 滾動回調函數 |
| scrollSensitivity | 距離滾動區域多遠時,滾動滾動條 |
| scrollSpeed | 滾動速度 |
