粒子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）的函數