电子:德拉古拉不起作用

Question

我一直在尝试在我的电子应用程序中使用npm dragula，在努力找到将模块包含到html中的正确方法后(老实说，我仍然不确定(，我遇到了一系列错误。

我的第一次尝试代码：Html

<div id="btnContain">
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div class="btnContain1">Button area</div>
<div id="btnContain2"></div>
</div>
</div>
<!-- i have this many because I needed the div to scroll -->

javascript

require('dragula')
function dragula () {
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
}

我把dragula放入一个函数中，因为如果没有它，它会返回dragula is not defined error，然后我运行了该代码，没有任何错误，但它不起作用。所以我注意到我必须调用我所做的函数。

require('dragula')
function dragula () {
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
}
dragula()

但这会返回Maximum call stack size exceeded错误，这是因为dragula不断重复调用它self。

在这一点上，我不确定该做什么，我17天的javascript毫无疑问地让我失败了。任何关于这个问题的提示都将不胜感激，也将不胜感激。

(如果我做了蠢事，请宽恕我(

编辑：我已经通读了这篇关于如何解决堆栈大小错误的文章，但不确定如何在我的场景中提出一个案例。

Answer 1

我用下面的代码修复了它

var dragula = require('dragula')
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);

祝以后有这个问题的其他人好运！