基本上,我正在尝试对拖动到另一个列表或同一列表中的内容执行不同的ajax调用。每个人都应该独立工作。当你从一个列表移动到另一个列表时,我遇到了多个ajax调用的问题。我想要一个ajax调用,如果你在同一个列表中排序,以便在我拖动到另一个列表时独立工作。我不应该使用接收吗?
function sortable(){
var startCont,
changeCont;
$('#sortable ul').sortable({
dropOnEmpty: true,
connectWith: "#sortable ul",
start: function(event, ui) {
startCont = $(this).closest('.project').attr('id');
},
// update: function(event, ui) {
// changeCont = $(this).closest('.project').attr('id');
// // console.log(changeCont);
// if(startCont === changeCont){
// console.log('')
// }
// },
receive: function(event, ui) {
console.log(event);
endCont = $(this).closest('.project').attr('id');
// console.log(startCont + changeCont);
// console.log(endCont);
event.preventDefault();
var token = $('[name="csrf_token"]').attr('content');
var project_id;
var project = {};
var weight;
var user_id;
var route = 'move-person';
$('.project#' + startCont + ', .project#' + endCont).each(function(){
project_id = $(this).attr('id');
project[project_id] = {};
$(this).find('#sortable li').each(function(){
user_id = $(this).attr('data-user-id');;
weight = $(this).index() + 1;;
project[project_id][user_id] = weight;
});
});
var data = { projects:project, _token:token }
// $.ajax({
// url: route,
// type: 'POST',
// data: data,
// dataType: 'JSON',
// success: function (data) {
// console.log(data);
// }
// });
}
}).disableSelection();
}