jquery draggable但留下原始元素的副本

Question

说我有3个笑脸，L，M和R在页面顶部。在底部，我有一个目的地框。他们之间是一个声明：“将中间笑脸拖到目的地”。

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

基本上，我正在寻找类似的东西

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

Answer 1

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

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