如何使用 Dragula 重置移动的对象？

Posted 2023-05-09

【中文标题】如何使用 Dragula 重置移动的对象？

【英文标题】：How do you reset moved objects with Dragula?

【发布时间】：2020-07-07 14:29:26

【问题描述】：

我已经开始使用 Dragula 并且正在将元素从一个盒子移动到另一个盒子。但是，我希望能够单击一个按钮并将 Dragula 元素放回原来的位置，基本上是重置它。我四处寻找解决方案，但似乎在任何地方都找不到，所以如果有人能帮助我解决这个问题，我将不胜感激。

【参考方案1】：

您将要从两个框中提取 html 数据，然后编译数据并重置第二个框。

// reset toppings using JQuery each() method
$("#box2").each(function () 
    $("#box").append(this);
    );

希望这会有所帮助，只要记住您所做的一切就是瞄准 box2 并提取信息。

这是另一个不太干净但更容易理解的版本：

var dragged = $("#box2").html();
var notDragged = $("#box1").html();
var original = dragged + notDragged ;
$("#box1").html(original);
$("#box2").html("");