粒子js无法正常工作

Question

我有一个Wordpress制作的演示站点，在Hero部分中有基于particles.js脚本的幻灯片。 但是，直到我调整窗口大小后，粒子才会出现。 调整大小后，窗口中的粒子会正确显示...任何解决方法？

提前致谢！

Answer 1

您的粒子仅通过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文件，就可以删除这两行。

Answer 2

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

未捕获的TypeError：$不是custom.js：1（索引）：406的函数未捕获的TypeError：$不是HTMLDocument.onLoad（（index）：406）的函数