Javascript jQuery UI DragTable-还原多个元素的操作
我正在尝试编写某种操作,使用jQueryUIDragable拖动多个元素。拖动已经起作用了,但我想知道是否有办法对其他元素执行操作,不是我正在拖动的元素,而是我附加在拖动元素底部的这些元素,并在拖动操作中移动它们。我希望它们恢复到原来的位置,然后移除它们(那些克隆的)。有什么想法吗Javascript jQuery UI DragTable-还原多个元素的操作,javascript,jquery,html,jquery-ui,jquery-ui-draggable,Javascript,Jquery,Html,Jquery Ui,Jquery Ui Draggable,我正在尝试编写某种操作,使用jQueryUIDragable拖动多个元素。拖动已经起作用了,但我想知道是否有办法对其他元素执行操作,不是我正在拖动的元素,而是我附加在拖动元素底部的这些元素,并在拖动操作中移动它们。我希望它们恢复到原来的位置,然后移除它们(那些克隆的)。有什么想法吗 $taskItem.draggable({ cursor: "default", appendTo: "body", helper: "clone",
$taskItem.draggable({
cursor: "default",
appendTo: "body",
helper: "clone",
revert : function(event, ui) {
if(event === false){
return !event;
}
},
start: function(e, ui){
if($(ui.helper).hasClass("tasks-list__item--selected") === true){
$taskItem.addClass("tasks-list__item--currently-dragged");
tasksVC.$tasksList.find(".tasks-list__item--selected:not(.tasks-list__item--currently-dragged)").each(function(index, item){
var draggedItem = $(item).clone();
draggedItem.addClass("dragged-item");
$('body').append(draggedItem);
$(draggedItem).css({
position: 'absolute'
});
});
}
},
drag: function(e, ui){
if($(ui.helper).hasClass("tasks-list__item--selected") === true){
$(".dragged-item").each(function(index, item){
$(item).css({
top: ui.position.top + (index+1)*32,
left: ui.position.left
});
});
}
if($(ui.helper).hasClass("tasks-list__item--selected") === false){
}
},
stop: function(e, ui){
$('.dragged-item').remove();
$taskItem.removeClass("tasks-list__item--currently-dragged");
}
});
我不想使用任何插件,但jQueryUI是可拖动的