Javascript 单击即可复制或创建dom元素，并可以拖动

这是一件棘手的事情，我无法想出一个可行的解决方案。我有一个元素列表，在本例中是配方。这些方法使用jquery的可排序特性。我想做的是让用户能够从列表中抓取一个菜谱，并将其拖放到另一个同样可排序的div中。我想有一个复制功能，因为用户可能会多次使用该配方

所以我的想法是，当用户单击时，我需要创建一个新的dom元素，这样我就可以维护原始的配方列表。但我不知道如何复制该项目，并使其仍然可以在同一时间拖动。至少我是这么想的——任何其他想法都会很好

我唯一的解决方法是单击一个配方并克隆该配方，然后将其放到另一个div中。然后您可以将该元素拖到任何地方。但在我看来，这不是一个可以接受的用户体验

有什么想法吗

我恰如其分地问在看。它克隆元素并实现排序。可能不完全是你想要的，但它可能会给你一些想法。