粒子 js 无法正常工作

Question

我有这个由 Wordpress 制作的演示站点，在英雄部分有 particles.js 基于脚本的幻灯片。但是在我调整 window 的大小之前，粒子不会出现。调整大小后 window 粒子正确显示...有什么方法可以解决这个问题？？

提前致谢！

Answer 1

看起来控制台中有一些错误

Uncaught TypeError: $ is not a function at custom.js:1 (index):406 Uncaught TypeError: $ is not a function at HTMLDocument.onLoad ((index):406)

Answer 2

您的粒子仅通过 resize 加载，因为在您的自定义 JS 中您手动触发 resize，但存在 JavaScript 个错误。

$(window).load(function(){window.dispatchEvent(new Event('resize'));$(window).resize()})

尚未为您的 custom.js 文件定义 jQuery $ 别名，因此请将此代码替换为：

jQuery(window).load(function($){window.dispatchEvent(new Event('resize'));$(window).resize()})

和你的index.php文件一样，下面的JS也有同样的问题：

$(window).trigger('resize');
$(window).resize(); };

你可能只删除这两行，因为你已经加载了 custom.js 文件，一旦你修复它。