Javascript jQueryUI拖放和还原
我希望这样,当我将一个可拖动的对象a拖到一个可拖放的对象b上时,b的拖放事件被触发,a被恢复到其原始位置。这可能吗Javascript jQueryUI拖放和还原,javascript,jquery,draggable,droppable,Javascript,Jquery,Draggable,Droppable,我希望这样,当我将一个可拖动的对象a拖到一个可拖放的对象b上时,b的拖放事件被触发,a被恢复到其原始位置。这可能吗 b.droppable({ drop:function(event,ui){ ui.draggable.revert <---- REVERT THE DRAGGABLE OBJECT TO ORIGINAL POSITION HERE } }); 是的,勾选此项以了解您想要实现的目标 它设置所需的还原功能: $(function() {
b.droppable({
drop:function(event,ui){
ui.draggable.revert <---- REVERT THE DRAGGABLE OBJECT TO ORIGINAL POSITION HERE
}
});
是的,勾选此项以了解您想要实现的目标
它设置所需的还原功能:
$(function() {
$("#draggable").draggable({
revert: function(dropped) {
var dropped = dropped && dropped[0].id == "droppable";
if(!dropped) alert("I'm reverting!");
return !dropped;
}
}).each(function() {
var top = $(this).position().top;
var left = $(this).position().left;
$(this).data('orgTop', top);
$(this).data('orgLeft', left);
});
$("#droppable").droppable({
activeClass: 'ui-state-hover',
hoverClass: 'ui-state-active',
drop: function(event, ui) {
$(this).addClass('ui-state-highlight').find('p').html('Dropped!');
},
out: function(event, ui) {
ui.draggable.mouseup(function () {
var top = ui.draggable.data('orgTop');
var left = ui.draggable.data('orgLeft');
ui.position = { top: top, left: left };
});
}
});
});
我本来希望一下车就回来。在失败的拖放时不恢复