Jquery 将可拖动图元重新定位到初始位置

我有以下两个问题：

我已经为我的问题准备了js小提琴：

我给每个可拖动的项目分配了左和右位置。现在，当可拖动项目被放置在可拖放区域之外时，可拖动项目不会将自身定位到初始位置

根据我的阅读，我也试着将top设置为0，但没有成功

将元件放置在可拖放区域后，需要进行哪些更改以使可拖放项覆盖整个可拖放区域

有人能帮我解决这个问题吗

我已经包括了我的dom结构的确切html和css

Please help me if possible.

https://jsfiddle.net/6snh38sw/1/

---

-这是我从另一个论坛得到的最好答案。但它仍然有一个作用域，可以使用drag end event在使用超时时阻止代码中断。有人能帮我吗？？？

你的提琴使用的是相对图像路径，里面没有任何javascript？我想我忘了保存提琴了。我更新了所有内容并准备了最终版本。很抱歉。更新小提琴：-这是我从另一个论坛得到的最好答案。但它仍然有一个作用域，可以使用drag end event在使用超时时阻止代码中断。有人能帮我吗？？