50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
|
//第一组
|
|||
|
|
var g1 = document.getElementById('g1');
|
|||
|
|
var ops1 = {
|
|||
|
|
animation: 1000,
|
|||
|
|
draggable: '.item',
|
|||
|
|
sort: false, // 控制是否可以拖拽排序
|
|||
|
|
group: 'itxst.com',
|
|||
|
|
//拖动结束
|
|||
|
|
onEnd: function (evt) {
|
|||
|
|
console.log(evt);
|
|||
|
|
//获取拖动后的排序
|
|||
|
|
var arr = sortable1.toArray();
|
|||
|
|
document.getElementById('msg').innerHTML = 'A组排序结果：' + JSON.stringify(arr);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
var sortable1 = Sortable.create(g1, ops1);
|
|||
|
|
|
|||
|
|
//第二组
|
|||
|
|
var g2 = document.getElementById('g2');
|
|||
|
|
var ops2 = {
|
|||
|
|
animation: 1000,
|
|||
|
|
draggable: '.item',
|
|||
|
|
sort: true,
|
|||
|
|
group: 'itxst.com',
|
|||
|
|
//拖动结束
|
|||
|
|
onEnd: function (evt) {
|
|||
|
|
console.log(evt);
|
|||
|
|
//获取拖动后的排序
|
|||
|
|
var arr = sortable2.toArray();
|
|||
|
|
document.getElementById('msg').innerHTML = 'B组排序结果：' + JSON.stringify(arr);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
var sortable2 = Sortable.create(g2, ops2);
|
|||
|
|
|
|||
|
|
//第三组
|
|||
|
|
var g3 = document.getElementById('g3');
|
|||
|
|
var ops3 = {
|
|||
|
|
animation: 1000,
|
|||
|
|
draggable: '.item',
|
|||
|
|
group: 'itxst.com',
|
|||
|
|
//拖动结束
|
|||
|
|
onEnd: function (evt) {
|
|||
|
|
console.log(evt);
|
|||
|
|
//获取拖动后的排序
|
|||
|
|
var arr = sortable3.toArray();
|
|||
|
|
document.getElementById('msg').innerHTML = 'C组排序结果：' + JSON.stringify(arr);
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
var sortable3 = Sortable.create(g3, ops3);
|