Javascript JS-我想在映像启动时在初始位置复制/克隆映像'；s从起点开始移动

我有3张可拖动的图片。我的目标是在移动时在初始位置创建相同的可拖动图像（1、2或3）。最后，我想在页面上有多个图片1、2和3（图片数量取决于用户交互），所有图片都可以拖动

HTML:

---

我需要帮助。请告知。

您可能应该使用jQueryUI的可拖动功能进行克隆： 在这里，您也可以将此应用于您的图像：

$('.draggable').draggable({helper: "clone"});
$('.draggable').bind('dragstop', function(event, ui) {
    $(this).after($(ui.helper).clone().draggable());
});

---

原始答案：

您的意思是，当拖动时，代码将创建另一个图像并“保留”它，以便用户可以按自己的方式多次拖动？

$( function() {$( "#1" ).draggable();} );

$( function() {$( "#2" ).draggable();} );

$( function() {$( "#3" ).draggable();} );

$('.draggable').draggable({helper: "clone"});
$('.draggable').bind('dragstop', function(event, ui) {
    $(this).after($(ui.helper).clone().draggable());
});