Question

我们在https://digital.insightdesign.com.au/上运行了ParticlesJS，在标题下方的第一部分覆盖了全宽/高图像滑块。

但是，它今天停止工作，对该网站没有任何更改。

控制台显示：Uncaught ReferenceError: particlesJS is not defined

我们在打电话：

<script type="text/javascript" src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js" defer data-deferred="1"></script>

（在网站的第44行上）。

没有资源生成404，并且控制台中没有其他JS错误。

帮助表示赞赏。

Answer 1

您必须从以下位置删除defer：

<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js" defer data-deferred="1"></script>

或在particlesJS事件中添加DOMContentLoaded代码，如下所示：

window.addEventListener('DOMContentLoaded', (event) => {
  /* ---- particles.js config ---- */

  particlesJS("particles-js", {
    "particles": {
      "number": {
        "value": 380,
        "density": {
          "enable": true,
          "value_area": 3600
        }
      },
      ...
    }
    ...
  });
});

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

推迟

此布尔属性设置为向浏览器指示脚本旨在在文档解析后执行，但是在触发DOMContentLoaded之前。

具有defer属性的脚本将阻止DOMContentLoaded 从触发到脚本加载完毕并完成评估为止的事件。

如果不存在src属性，则不得使用此属性（即对于内联脚本），在这种情况下将无效。

具有defer属性的脚本将按以下顺序执行：它们出现在文档中。

ParticlesJS：“未捕获的ReferenceError：未定义particlesJS”

1 个答案: