时间戳

首页 > 解决方案 > Electron：Dragula 不工作？

javascript - Electron：Dragula 不工作？

问题描述

我一直在尝试在我的电子应用程序中使用 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 不断地反复调用它自己。

在这一点上我不确定该怎么做，我 17 天的 javascript 毫无疑问地让我失望了。非常感谢有关此问题的任何提示以及未来的提示。

（如果我做了一些愚蠢的事情，请原谅我）

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

标签： javascripthtmlelectrondragula

解决方案

我设法用下面的代码修复它

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

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

推荐阅读