屬性名稱 |
說明 |
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 |
滾動速度 |