停止使用JQuery

Question

我使用JQuery Draggable和Droppable从一个div拖动一个对象并将其放入另一个div中。

它拖拉得很好但是当它掉落时，它会从可拖动列表中删除。

有没有办法在对象被删除后保留它。

我试图将克隆重新附加到可拖动的类上，但这不起作用。

这是我的代码

       $(".draggableItems").draggable({
            scroll: false,
            helper: 'clone',    
        });

        $(".droppable-content").droppable({
            accept: ".draggableItems",
            activeClass: "ui-state-default",
            hoverClass: "ui-state-hover",
            drop: function (event, ui) {
                $(".droppable-content").append($(ui.draggable));
            }
        });

感谢任何帮助。

Answer 1

您可以合并helper: "clone"的{​​{1}}和使用jQuery的clone()函数来克隆元素并将其添加到draggable区域：

droppable

Working demo

Answer 2

管理解决问题。我发现这篇文章特别有用。

Constrain draggable element after it has been dropped