我使用jQuery并使用拖放功能。我的图像不断复制，我不知道为什么。任何帮助都会很好。我很确定我的问题在下面:

$('#' + seat).append('<div class="studentCard" id="' + id + '"><img class="studentImage" src="Images/' + id + '.jpg" style="height:150px; width:150px;" />' + student + '</div>');


           

下面是我的函数:

$('#' + seat).append('<div class="studentCard" id="' + id + '"><img class="studentImage" src="Images/' + id + '.jpg" style="height:150px; width:150px;" />' + student + '</div>');


           

顺晟科技：

考虑以下示例。您也可以考虑改用Sortable。

您可以使用原始的可拖动项并将其更容易地移动到新的拖放区域，而不是创建新元素。

有时最好使用option来确定droppable是否应该接受某个项。此选项确实允许使用函数:

函数:将为页面上的每个可拖动项调用的函数（作为第一个参数传递给函数）。如果接受draggable，则必须返回函数。

查看更多信息:https://api.jqueryui.com/droppable/#option-accept

这允许您重新排列项目而不堆叠。