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);
|