修改视图后如何再次初始化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]);
}