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

时间:2016-10-06 12:14:34

标签: php wordpress woocommerce

您好我启用了WooCommerce插件和Mystile主题。我想添加位于mystile/includes/js/custom-script.js的自定义js文件。我已经阅读了如何使用wp_enque_script添加文件,但是当我查看页面源时它没有加载js文件。 我在我当前主题的functions.php上有这个代码块,它是Mystile,应该添加了我的自定义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以覆盖某些内容。任何建议

2 个答案:

答案 0 :(得分:1)

这不是一个理想的解决方案,而是一个黑客,它确实有效。将脚本排队为wp_enqueue_style而不是wp_enqueue_script。它确实加载了脚本,但是它是一个非常脏的解决方案。问题仍然是开放的

答案 1 :(得分:1)

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

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');