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