四级阅读
Options
checking
var sortable = new Sortable(el, {
group: "name", // 或者 { name: "...", pull: [true, fal, 'clone', array], put: [true, fal, array] }
sort: true, // 排序内部列表
delay: 0, // 定义排序何时开始的时间 (毫秒)
delayOnTouchOnly: fal, // 仅当⽤户使⽤触摸时才会延迟
touchStartThreshold: 0, // px, 在取消延迟拖动事件之前，该点应该移动多少像素
disabled: fal, // 如果设置为 true，则禁⽤可排序。
store: null, // 请参阅商店
animation: 150, // ms, 排序时动画速度移动项⽬，“0”-⽆动画
onceagaineasing: "cubic-bezier(1, 0, 0, 1)", // 移动动画。默认为 null。例如 /。
handle: ".my-handle", // 在列表项中拖动⼿柄选择器
filter: ".ignore-elements", // 不会导致拖动的选择器 (字符串或函数)
preventOnFilter: true, // 触发 “过滤” 时调⽤ “事件.预防性默认 ()”
draggable: ".item", // 指定元素中的哪些项⽬应该是可拖动的
dataIdAttr: 'data-id',
眼见为实耳听为虚是什么意思
ghostClass: "sortable-ghost", // 放置占位符的类名
chonClass: "sortable-chon", // 所选项⽬的类名
dragClass: "sortable-drag", // 拖动项的类名
swapThreshold: 1, // 交换区域的阈值
invertSwap: fal, // 如果设置为 true，将始终使⽤反转交换区域
invertedSwapThreshold: 1, // 反向交换区域的阈值 (默认情况下将设置为交换阈值)
deluxeeditiondirection: 'horizontal', // 可排序的⽅向 (如果没有给出，将⾃动检测)
forceFallback: fal, // 忽略 HTML5 DnD ⾏为并强制回退启动
fallbackClass: "sortable-fallback", // 使⽤ forceFallback 时克隆的 DOM 元素的类名
fallbackOnBody: fal, // 将克隆的 DOM 元素附加到⽂档正⽂中
fallbackTolerance: 0, // 以像素为单位指定⿏标在被视为拖动之前应移动的距离。
dragoverBubble: fal,
removeCloneOnHide: true, // 当克隆元素没有显⽰时，删除它，⽽不仅仅是隐藏它
emptyInrtThreshold: 5, // px, 距离⿏标必须从空的可排序插⼊拖动元素到它
tData: function (/** DataTransfer */dataTransfer, /** HTMLElement*/dragEl) {
dataTransfer.tData('Text', Content); // HTML5 DragEvent 的 “datatransfers” 对象 },
// Element is chon
onChoo: function (/**Event*/evt) {
evt.oldIndex; // ⽗级中的元素索引
},
// Element is unchon
onUnchoo: function(/**Event*/evt) {
// 与 onEnd 相同的属性
strengthens},
// Element dragging started
candy boxonStart: function (/**Event*/evt) {
evt.oldIndex; // ⽗级中的元素索引
},
/
maga/ Element dragging ended
onEnd: function (/**Event*/evt) {
dugas
var itemEl = evt.item; // 拖动的 HTMLElement
<; // ⽬标列表lure
evt.from; // 上⼀个列表
evt.oldIndex; // 元素在旧⽗级中的旧索引
evt.oldDraggableIndex; // 元素在旧⽗级中的旧索引，仅计数可拖动的元素
evt.clone // 克隆元素
evt.pullMode; // 当项⽬处于另⼀个可排序状态时: “clone” (如果克隆)，“true” (如果移动)
