古詩詞大全網 - 古詩大全 - Sortable.js 怎麽寫才取消sortable效果

Sortable.js 怎麽寫才取消sortable效果

Sortable.create(document.getElementById('collter1'), {

group : {

name : "words",

pull : true,

put : true

},

animation : 150, //動畫參數

onAdd : function(evt) {//拖拽時候添加有新的節點的時候發生該事件

},

onUpdate : function(evt) {//拖拽更新節點位置發生該事件

console.log('onUpdate.foo:', [evt.item, evt.from]);

},

onRemove : function(evt) {//刪除拖拽節點的時候促發該事件

console.log('onRemove.foo:', [evt.item, evt.from]);

},

onStart : function(evt) {//開始拖拽出發該函數

console.log('onStart.foo:', [evt.item, evt.from]);

},

onSort : function(evt) {//發生排序發生該事件

console.log('onUpdate.foo:', [evt.item, evt.from]);

},

onEnd : function(evt) {//拖拽完畢之後發生該事件

// alert(evt.oldIndex);

// alert(evt.newIndex);

if(evt.oldIndex<evt.newIndex){

for (var i = evt.oldIndex; i < json[id].length; i++) {

if(i > evt.newIndex){

break;

}else{

var name,str,style,num;

name = json[id][i+1]["name"];

num = json[id][i+1]["num"];

str = json[id][i+1]["str"];

style = json[id][i+1]["style"];

json[id][i+1]["name"] = json[id][i]["name"];

json[id][i+1]["num"] = json[id][i]["num"];

json[id][i+1]["str"] = json[id][i]["str"];

json[id][i+1]["style"] = json[id][i]["style"];

json[id][i]["name"] = name;

json[id][i]["num"] = num;

json[id][i]["str"] = str;

json[id][i]["style"] = style;

}

}

}

if(evt.oldIndex>evt.newIndex){

for (var i = evt.oldIndex; i >= 0 ; i--) {

if(i < evt.newIndex){

break;

}else{

var name,str,style,num;

name = json[id][i-1]["name"];

num = json[id][i-1]["num"];

str = json[id][i-1]["str"];

style = json[id][i-1]["style"];

json[id][i-1]["name"] = json[id][i]["name"];

json[id][i-1]["num"] = json[id][i]["num"];

json[id][i-1]["str"] = json[id][i]["str"];

json[id][i-1]["style"] = json[id][i]["style"];

json[id][i]["name"] = name;

json[id][i]["num"] = num;

json[id][i]["str"] = str;

json[id][i]["style"] = style;

}

}

}

}

});