我尝试将自定义.js文件放入子主题目录中。

在子主题的functions.php中,我找到以下代码

/* After this. you can override Accessible Zen's pluggable functions or add your own.
 * Remember, do your best to stay accessible! :)
 *
 */
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}


只有这部分是我实现的,应该从js /文件夹加载我的custom.script.js。

wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );


不幸的是,它没有这样做,有人可以帮忙吗?

* Update 2

代码现在看起来像这样,它可以工作,当我只是将函数添加到另一个add_action中时,它不起作用。谢谢大家的帮助!还是我不知道是否有办法削减这段代码。

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

/*add my custom jquery script*/
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
    'custom-script',
    get_stylesheet_directory_uri() . '/js/custom-script.js',
    array( 'jquery' )
);
        }


这行是做什么用的?

wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );


有必要吗?

评论

wp_enqueue_script('custom-script.js',get_stylesheet_directory_uri()。'js / custom-script.js',array('jquery'));

@Pieter我调整了您的更改,但仍无法正常工作。这就是我的.js文件中的内容,如果我将其直接放在page.php中,则它可以工作,例如: