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

Posted 2023-05-08

【中文标题】jquery可拖动但保留原始元素所在的副本

【英文标题】：jquery draggable but leave copy where original element was

【发布时间】：2012-09-21 20:30:27

【问题描述】：

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

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

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

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

【问题讨论】：

可能重复：***.com/q/2458817/900747、***.com/q/623703/900747、***.com/q/5552083/900747

jqueryui.com/demos/draggable/#option-helper

【参考方案1】：

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

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