2024-01-31 20:16:25 +08:00
|
|
|
|
var g1 = document.getElementById('g1');
|
|
|
|
|
var ops1 = {
|
2024-01-31 20:23:37 +08:00
|
|
|
|
animation: 1000,
|
|
|
|
|
delay: 1000,
|
|
|
|
|
draggable: '.item',
|
|
|
|
|
//停靠位置样式
|
|
|
|
|
ghostClass: 'ghost',
|
|
|
|
|
//************* 选中样式 ***********
|
|
|
|
|
chosenClass: 'chosen',
|
|
|
|
|
//禁用html5原生拖拽行为
|
|
|
|
|
forceFallback: true,
|
|
|
|
|
group: { name: 'itxst.com', pull: true, put: true },
|
|
|
|
|
//拖动结束
|
|
|
|
|
onEnd: function (evt) {
|
|
|
|
|
console.log(evt);
|
|
|
|
|
//获取拖动后的排序
|
|
|
|
|
var arr = sortable1.toArray();
|
|
|
|
|
document.getElementById('msg').innerHTML = 'A组排序结果:' + JSON.stringify(arr);
|
|
|
|
|
},
|
2024-01-31 19:38:39 +08:00
|
|
|
|
};
|
2024-01-31 20:23:37 +08:00
|
|
|
|
var sortable1 = Sortable.create(g1, ops1);
|