放在相同的拖动元素上

Question

我想创建一个jQuery拖放如下

1）我可以使用doDrag类拖动一个元素2）我可以将该doDrag拖放到一个名为#content的div中3）另外，doDrag元素也应该可以放入之前已放入#content div中的较旧的doDrag div中

我做到了如下。 但是有问题。

       $(".doDrag").draggable({
            helper:"clone"
       });

        makeDroppable($("#content"));

       function makeDroppable(elements) {

        console.debug(elements);
        $(elements).droppable({
            activeClass: "ui-state-hover",
            hoverClass: "ui-state-active",
            drop: function (event, ui) {
                var uuid = guid();
                $(this).append("<div style='border:2px solid;height:50px;width:400px;' id='" + uuid + "'>Drop</div>");
                makeDroppable($("#" + uuid));
                return false;
            }
        });
    }

发生掉落事件的情况是多次调用。

有人可以帮我吗

Answer 1

终于找到答案了。

我要做的是添加贪婪：true

elements.droppable({
            greedy: true,
            activeClass: "ui-state-hover",
            hoverClass: "ui-state-active",
            drop: function (event, ui) {

                console.debug($(this));
                var uuid = guid();
                $(this).append("<div style='border:2px solid;height:50px;width:400px;' id='" + uuid + "'>Drop</div>");
                makeDroppable($("#" + uuid));
                return false;
            }
        });