2024-01-31 16:07:08 +08:00
|
|
|
|
//第一组
|
|
|
|
|
var g1 = document.getElementById('g1');
|
|
|
|
|
var ops1 = {
|
|
|
|
|
animation: 1000,
|
|
|
|
|
draggable: ".item",
|
|
|
|
|
delay: 1000,
|
2024-01-31 16:13:43 +08:00
|
|
|
|
delayOnTouchOnly:true,
|
2024-01-31 16:07:08 +08:00
|
|
|
|
//拖动结束
|
|
|
|
|
onEnd: function (evt) {
|
2024-01-31 16:13:43 +08:00
|
|
|
|
//可在浏览器中按F12查看evt对象结构
|
2024-01-31 16:07:08 +08:00
|
|
|
|
console.log(evt);
|
|
|
|
|
//获取拖动后的排序
|
|
|
|
|
var arr = sortable1.toArray();
|
|
|
|
|
document.getElementById("msg").innerHTML = "A组排序结果:" + JSON.stringify(arr);
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
function del() {
|
|
|
|
|
alert("执行了del事件")
|
|
|
|
|
}
|
|
|
|
|
var sortable1 = Sortable.create(g1, ops1);
|