问题:WooCommerce,如何在使用 Mystile 主题时加载自定义 javascript 文件?

嗨,我激活了 WooCommerce 插件和 Mystile 主题。我想添加一个位于mystile/includes/js/custom-script.js的自定义 js 文件。我已经阅读了如何通过使用wp_enque_script添加文件,但是当我查看页面源代码时它没有加载 js 文件。我在当前主题 Mystile 的 functions.php 上有这个代码块,它应该添加了我的自定义 js 文件

function add_custom_assets(){
//Load masonry CSS and JS files
wp_enqueue_script('masonry', get_stylesheet_directory_uri().'includes/js/custom-script.js',array('jquery'), '1', true);
}

add_action('wp_enqueue_scripts','add_custom_assets');

上面的代码不起作用,我在源代码中看不到我的 JS 文件。我真的不知道我做错了什么。我什至试过wp_register_scripts但它是一样的。我对当前主题所做的唯一更改是我将templates文件夹从 woocommerce 插件目录复制到我当前的主题,并将其重命名为woocommerce以覆盖某些内容。有什么建议么

解答

你应该指定唯一的句柄(所以东西不会被覆盖)

function add_custom_assets(){
    wp_enqueue_script('my-custom-script-handle', get_stylesheet_directory_uri().'includes/js/custom-script.js',array('jquery'), '1', true);
}

add_action('wp_enqueue_scripts','add_custom_assets');