Jquery Drop、clone、DragTable，在拖动到新div后继续克隆

这是我第一次尝试拖放克隆元素。 我是通过阅读文章、阅读示例和本网站上发布的其他问题而做到这一点的。但有一件事让我无法理解，那就是克隆图像。 一旦我将图像放入新的div中，它就会进行克隆，并且仍然可以移动。但在我移动克隆后，它会继续克隆新图像，将现有图像留在新的Div中。 我搜索并尝试了许多有类似问题的帖子，但都没有做任何事情。 我相信在我克隆之后，它仍然与现有的Div绑定

这是我的密码：

<script>
    var copy = 0;
    $(function () {
        $("#iWidget").accordion();
        $("#iWidget img").draggable({
            cursor: 'move',
            revert: 'invalid',
            appendTo: "body",
            helper: "clone"
        });
        $("#iBoard img").draggable();
        $("#iBoard").droppable({
            drop: function (event, ui) {
                copy++
                var TemEle = $(ui.helper).clone().attr("id", $(this).attr('id') + copy);
                $(this).append(TemEle)
                TemEle.draggable();
                alert('drop id:' + TemEle.attr('id'));
            }
        });
    });


<div class="iPage">
<div id="iBoard">
</div>

<div id="iWidget">
    <h1>Network</h1>
    <div>
        <asp:Image ImageUrl="Images/Network/WRouterONLINE.gif" ID="WRouterONLINE" runat="server"  Height="30px" Width="30px" />
        <asp:Image ImageUrl="Images/Network/ModemONLINE.gif" ID="ModemONLINE" runat="server"  Height="30px" Width="30px" />
    </div>
    <h1>Servers</h1>
    <div>
        <asp:Image ImageUrl="Images/Server/ServerONLINE.gif" ID="ServerONLINE" runat="server"  Height="30px" Width="30px" />
    </div>
    <h1>Workstations</h1>
    <div>
        <asp:Image ImageUrl="Images/Workstations/AlienwareONLINE.gif" ID="AlienwareONLINE" runat="server"  Height="30px" Width="20px" />
        <asp:Image ImageUrl="Images/Workstations/PCONLINE.gif" ID="PCONLINE" runat="server"  Height="30px" Width="30px" />
    </div>
    <h1>Other</h1>
    <div>
        <asp:Image ImageUrl="Images/Other/PS3ONLINE.gif" ID="PS3ONLINE" runat="server"  Height="30px" Width="30px" />
        <asp:Image ImageUrl="Images/Other/BlueRayONLINE.gif" ID="BlueRayONLINE" runat="server"  Height="30px" Width="30px" />
        <asp:Image ImageUrl="Images/Other/TabletONLINE.gif" ID="TabletONLINE" runat="server"  Height="30px" Width="30px" />
    </div>
</div>

var-copy=0；
$（函数（）{
$（“#iWidget”）.accordion（）；
$（“#我无法获得img”）.draggable({
光标：“移动”，
还原：“无效”，
附：“身体”，
助手：“克隆”
});
$（“#iBoard img”）.draggable（）；
$（“#iBoard”）.可拖放({
drop：函数（事件、用户界面）{
抄袭++
var TemEle=$（ui.helper.clone（）.attr（“id”），$（this.attr（“id”）+copy）；
$（this）.append（TemEle）
TemEle.draggable（）；
警报（'drop id:'+TemEle.attr（'id'））；
}
});
});
网络
服务器
工作站
其他

---

谢谢

我想出来了。。。将此添加到可下拉列表中。。。接受：“#我会接受img”，回答自己的问题并将其标记为接受而不是评论是完全可以的，这也会让其他人更清楚地知道以后可能会发现这个问题。