如何在修改视图后再次初始化dragula

Question

我使用这段代码在页面加载时初始化dragula。在我通过将一个小容器拖放到另一个容器中来修改视图之后，这个小容器没有我在dragula中指定的功能。只有刷新网页后，小容器功能才正常。我应该如何使我的dragula工作后，修改视图，而不需要刷新网页?

<pre>
var drake = dragula(querySelectorAllArray('.Container'), {
    copy: function(el, source) {
       ......
}
</pre>

Answer 1

您可以将dragula对象设置为全局变量，然后在更新视图/容器后销毁并重新绑定dragula。

var drake =  window.dragula();
function setupDragula(){
    drake.destroy();
    drake = dragula([leftContainer, rightContainer]);
}