2024-01-31 16:33:34 +08:00
|
|
|
|
var g1 = document.getElementById('g1');
|
2024-01-31 16:28:42 +08:00
|
|
|
|
var ops1 = {
|
|
|
|
|
animation: 1000,
|
2024-01-31 16:33:34 +08:00
|
|
|
|
delay: 30,
|
2024-01-31 16:28:42 +08:00
|
|
|
|
draggable: '.item',
|
2024-01-31 16:33:34 +08:00
|
|
|
|
filter: '.filter',
|
2024-01-31 16:28:42 +08:00
|
|
|
|
//拖动结束
|
|
|
|
|
onEnd: function (evt) {
|
|
|
|
|
console.log(evt);
|
|
|
|
|
//获取拖动后的排序
|
2024-01-31 16:33:34 +08:00
|
|
|
|
var arr = sortable1.toArray();
|
2024-01-31 16:28:42 +08:00
|
|
|
|
document.getElementById('msg').innerHTML = 'A组排序结果:' + JSON.stringify(arr);
|
|
|
|
|
},
|
|
|
|
|
};
|
2024-01-31 16:33:34 +08:00
|
|
|
|
var sortable1 = Sortable.create(g1, ops1);
|