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

【问题标题】：How to initialize dragula again after modifying my view修改我的视图后如何再次初始化dragula
【发布时间】：2016-08-06 23:10:18
【问题描述】：

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

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

</pre>

【问题讨论】：

我不确定您是否可以嵌套容器。您可以尝试为第二个容器调用一个新实例，给它一个不同的类，例如var drake2 = dragula(document.querySelector('.drake2'), {...});

【解决方案1】：

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

var drake =  window.dragula();

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

【讨论】：