将我自己的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 );
}

我有一个add_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' );