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

Question

我在页面加载时使用此代码初始化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]);
}