粒子js无法正常工作

Question

我有这个由Wordpress制作的演示网站，在英雄部分有基于particles.js脚本的幻灯片。但是在我调整窗口大小之前，粒子不会出现。调整大小后窗口粒子正确显示...任何方法来解决这个问题??

提前致谢！

Answer 1

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

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

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

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

与您的index.php文件相同，以下JS具有相同的问题：

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

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

Answer 2

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

  

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