Jquery 将可拖动项目设置为可拖放容器左侧的动画，但不重叠项目

我正在制作一个URL生成器小部件，它使用jQuery UI可拖动/可拖放功能。我不知道如何重新定位拖放（在拖放后）到可拖放的左侧。此外，我需要使拖动表不重叠

检查到目前为止我所拥有的。拖曳物会捕捉到灰色区域，否则会恢复到其原始位置

我想我也许能逃脱这样的惩罚：

$("#droppable").droppable({
    drop: function (event, ui) {
        $(ui.draggable).data('hasBeenDropped', true);
        $(ui.draggable).animate({
            left: $(this).position().left
        })
     }
});

---

但这只是将容器的左位置添加到

left:0

draggable位置。关于绝对位置

这就是你想要的吗？谢谢你的回复。这很接近，但我使用此方法遇到的问题是，由于

div

正在从列表中分离并附加到容器中，因此它没有关于其来源的内存，

revert

属性不起作用。这也使得其他选择的列表跳跃。所以现在我试图为它提供内存，也许还有一个占位符。这就是你想要的吗？谢谢你的回复。这很接近，但我使用此方法遇到的问题是，由于

div

正在从列表中分离并附加到容器中，因此它没有关于其来源的内存，

revert

属性不起作用。这也使得其他选择的列表跳跃。所以现在我试图为它提供内存，也许还有一个占位符。