Javascript 如何在jqueryUI中克隆拖动的元素

如何克隆拖动的元素并使原始元素保持在其原始位置。我希望下面div中的单词元素被克隆，然后我希望克隆能够在框中添加黑色边框（如果将其放在框上）。这是我的密码：-

$window.loadfunction{ $'.me'.Dragable{ 助手：克隆， 遏制：文件 }; $'a'。可拖放{ 贪婪：没错， drop:functionevent，ui{ ui.draggable.detach.appendTo$this； } }; }; a{ 高度：100px； 宽度：100px； 边框：2件纯黑； } 要素

---

您可以克隆dragstop事件上的元素

编辑

正如Kevkong在他的评论中所建议的，在drop事件中使用clone而不是detach，并简单地实现这一点

$window.loadfunction{ $'.me'.Dragable{ 助手：克隆， 遏制：文件 }; $'a'。可拖放{ 贪婪：没错， drop:functionevent，ui{ ui.draggable.clone.appendTo$this； ui.helper.data'dropped'，true； } }; }; a{ 高度：100px； 宽度：100px； 边框：2件纯黑； } 要素

---

使用克隆而不是分离？还是我误解了你的问题？非常感谢。它可以工作，但有一个问题，元素在盒子中时会继续克隆。我怎样才能解决这个问题。很抱歉，我在jqueryui中被搞糊涂了。@Axmdnuur更新了我的答案。请检查您的问题的评论中提到的，您仍然可以在drop函数中使用close而不是detach，不需要额外的代码。@Kevkong感谢您提供的信息。更新了答案。删除了大量代码。非常好。永远不知道这一点。谢谢