Javascript 在jquery中，I'；我只能克隆一次图像，但不能克隆多次

我只能克隆一次图像，但不能克隆多次

上面是我正在制作的小提琴原件

上面的fiddle有一个多拖放（克隆）的示例

克隆JS失败，只能拖放一次

我的代码：

<script type="text/javascript">
var myscore = 0;
    $(function () {
        $(".dvSource img").draggable({
            //revert: "invalid",
            axis: 'y',
                        helper: 'clone',

            refreshPositions: true,
            drag: function (event, ui) {
                ui.helper.addClass("draggable");
            },
            stop: function (event, ui) {
                ui.helper.removeClass("draggable");
                var image = this.src.split("/")[this.src.split("/").length - 1];
                if ($.ui.ddmanager.drop(ui.helper.data("draggable"), event)) {
                    switch (image) {
                        case "Desert.jpg":
                            cal = 5;
                            break;
                        case "image2":
                            cal = 10;
                            break;
                        case "image3":
                            cal = 8;
                            break;
                        case "image4":
                            cal = 10;
                            break;
                        case "image5":
                            cal = 10;
                            break;
                        default:
                            cal = 10;
                    }
                     myscore = myscore + cal;
                    document.getElementById('Score').innerHTML = myscore;
                }
                else {
                    alert(image + " not dropped.");
                }
            }
        });
        $(".dvDest").droppable({
             accept: '.dvSource div',
            drop: function (event, ui) {

                    $(this).append($(ui.draggable).clone());

               // ui.draggable.addClass("dropped");
              //  $(".dvDest").append(ui.draggable);
            }
        });
    });
</script>

var-myscore=0；
$（函数（）{
$（“.dvSource img”）.draggable({
//回复：“无效”，
轴：‘y’，
助手：“克隆”，
他说:对,，
拖动：函数（事件、ui）{
ui.helper.addClass（“可拖动”）；
},
停止：功能（事件、用户界面）{
ui.helper.removeClass（“可拖动”）；
var image=this.src.split（“/”[this.src.split（“/”）.length-1]；
if（$.ui.ddmanager.drop（ui.helper.data（“可拖动”），事件））{
开关（图像）{
案例“Desert.jpg”：
cal=5；
打破
案例“图像2”：
cal=10；
打破
案例“image3”：
cal=8；
打破
案例“图像4”：
cal=10；
打破
案例“图像5”：
cal=10；
打破
违约：
cal=10；
}
myscore=myscore+cal；
document.getElementById（'Score'）.innerHTML=myscore；
}
否则{
警报（图像+“未删除”）；
}
}
});
$（“.dvDest”）.droppable({
接受：'.dvSource div'，
drop：函数（事件、用户界面）{
$（this.append（$（ui.draggable.clone（））；
//ui.draggable.addClass（“已删除”）；
//$（“.dvDest”）.append（ui.draggable）；
}
});
});

这两个jsfiddle都需要认真编辑才能成为一个容易回答的问题。这里有一个fiddle，允许您将多个draggable移动到dropable中。也许你可以对它进行反向工程。