JQuery UI：Drag＆amp;删除还原问题

Question

我有2个元素（draggables）和2个可放置区域。

每当我将元素拖入某个区域时，我都会设置“接受”。删除区域到被删除的元素的id以防止其他元素被删除。但是，我尝试还原其他尝试进入之前输入区域的元素，但它并没有按照我想要的方式运行。

问题是，我设法恢复了其他元素但是每当我尝试将第二个元素拖到第二个空的可放置区域时，它就会恢复到它的位置。

关于如何解决这个问题的任何建议？

谢谢

更新：

这是一个JSFiddle：http://jsfiddle.net/GRDww/243/

var box1 = document.getElementById('box1');
var box2 = document.getElementById('box2');
var drop1 = document.getElementById('drop1');
var drop2 = document.getElementById('drop2');

$(box1).draggable({
    snap: '.drop1.drop2'
})

$(box2).draggable({
    snap: '.drop1.drop2'
})

$(drop1).droppable({
    drop: function(event,ui){
   alert('dropped')
  }
})

$(drop2).droppable({
    drop: function(event,ui){
   alert('dropped')
  }
})