在jquery中,我只能克隆一次但不能多次克隆图像

时间:2014-09-15 19:17:59

标签: javascript jquery drag-and-drop clone

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

Working Fiddle

以上是我正在研究的原始小提琴。

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>

0 个答案:

没有答案