jquery可拖动但保留原始元素所在的副本

Question

假设我在页面顶部有 3 个笑脸，L、M 和 R。在底部，我有一个目标框。它们之间有一个语句：“将中间笑脸拖到目的地”。

虽然 draggable 允许您这样做，但它拖动实际元素，而不是副本。当用户拖动笑脸时，我希望前 3 个保持静止，只有他们正在移动的那个的副本才能实际移动。如果需要，用户应该能够将多个副本拖动到多个目标框中。

基本上，我正在寻找这样的东西

$("#drag-target-1").draggable('leave-copy');

Answer 1

使用值为clone 的辅助属性来启用可拖动元素的克隆。

 $("#drag-target-1").draggable({helper : 'clone' });