Javascript jQueryUI拖放和还原

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() {

我希望这样,当我将一个可拖动的对象a拖到一个可拖放的对象b上时,b的拖放事件被触发,a被恢复到其原始位置。这可能吗

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

我本来希望一下车就回来。在失败的拖放时不恢复