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

Question

假设我在页面顶部有 3 个笑脸，L、M 和 R。在底部，我有一个目的地框。他们之间是一句话："将中间笑脸拖到目的地"。

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

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

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

Answer 1

使用具有值 clone 的帮助程序属性来启用可拖动元素的克隆。

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