0

我目前正在一个投资组合网站上工作，并正在尝试集成一个非常方便的功能，称为particle.js。它工作正常并且非常容易集成到静态 HTML 页面中，但问题是我正在开发自定义 Wordpress 主题并不断出错。我正在使用指定的 CDN 引入particles.js 的脚本，并且我将json 和app 文件本地保存在我的文件中。我正在为这个库工作所需的两个 js 文件使用 enqueue。我将链接到两个本地文件的代码，我还将链接 CDN！

这两个文件的链接在这里：https ://gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1

CDN 的链接在这里：https ://www.jsdelivr.com/package/npm/particles.js

入队代码如下：

function wpb_adding_scripts() {
wp_enqueue_script('jquery');
wp_register_script('particles', 
'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js');
wp_enqueue_script('particles');
wp_register_script('app', get_template_directory_uri() . '/js/app.js');
wp_enqueue_script('app');
}

add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');

这是我得到的错误：

错误截图

我尝试了多种方法，但似乎没有任何效果。我尝试在不同的浏览器中运行它，但它仍然不想工作。正如我之前所说，它在静态 HTML 页面上运行良好，但不适用于 wordpress……我真的需要帮助，因为我没有找到任何关于将此库与 Wordpress 站点集成的信息，因此非常感谢任何输入。谢谢！

4

1 回答 1

1

请试试这个

function wpb_adding_scripts() {
  wp_enqueue_script( 'particles','https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js', array('jquery'), true); 
  wp_enqueue_script( 'app', get_template_directory_uri() . '/js/app.js', array('jquery'), true); 

}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
于 2018-01-27T09:03:00.500 回答