Question

我想创建一个jquery拖放，如下所示

1）我可以使用类doDrag拖动一个元素 2）我可以将doDrag放入一个名为#content的div中 3）doDrag元素也应该能够放入旧的doDrag div中，这些div在之前被放入#content 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;
            }
        });
    }

发生的事情是drop事件多次调用。

任何人都可以帮助我吗

Answer 1

终于找到了答案。

我要做的就是添加贪婪：真实

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;
            }
        });

放在相同的拖动元素上

1 个答案: