我只能克隆一次但不能多次克隆图像。
以上是我正在研究的原始小提琴。
Example of Cloning with drag and drops
上面的小提琴有一个多次拖放(克隆)的例子。
克隆的JS Fiddle失败,只能拖放一次。
我的代码:
<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>