将我自己的 jquery 添加到 wordpress 子主题 - wp_enqueue_script 不起作用

Question

我正在尝试将我自己的 jquery 脚本添加到 wordpress 子主题中。

我创建了一个 jquery 文件：themes/childname/mbn-jq/mbn-jq001.js

我已将其添加到 functions.php 中

function mbn001_scripts() {
    wp_enqueue_script( 'mbn001', get_template_directory_uri() . '/mbn-jq/mbn-jq001.js', array(), '1.0.0', true );
}

我有一个函数可以将_actions 添加到 init 操作中：

add_action( 'init' , 'mh_add_and_remove' , 15 );
function mh_add_and_remove() {
    :
    add_action( 'wp_enqueue_scripts', 'mbn001_scripts' );
}

但是，它不起作用 - 标题中没有指向我的脚本的链接。

请问我做错了什么？

谢谢

Answer 1

这里有两个问题。

问题 1

get_template_directory_uri() 用于父主题。在子主题中使用的正确路径是get_stylesheet_directory_uri()

问题 2

你使用了错误的钩子。添加脚本/样式时，您应该使用 wp_enqueue_scripts 挂钩来挂钩您的函数，而不是 init 挂钩

你的代码应该是这样的

function mbn001_scripts() {
    wp_enqueue_script( 'mbn001', get_stylesheet_directory_uri() . '/mbn-jq/mbn-jq001.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'mbn001_scripts' );