adding my own jquery to a wordpress child theme - wp_enqueue_script not working

Question

I am trying to add my own jquery script to a wordpress child theme.

I have created a jquery file: themes/childname/mbn-jq/mbn-jq001.js

I have added this to the functions.php

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

and I have a function to add_actions to the init action:

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

However, its not working - there is no link to my script in the header.

What am I doing wrong please?

Thanks

Pieter Goosen · Accepted Answer · 2014-07-17 16:50:16Z

1

You have two problems here.

PROBLEM 1

get_template_directory_uri() is used for parent themes. The correct path to use in a child theme is get_stylesheet_directory_uri()

PROBLEM 2

You are using the wrong hook. When adding scripts/styles, you should be using the wp_enqueue_scripts hook to hook your function to, not the init hook

Your code should look something like this

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

answered Jul 17, 2014 at 16:50

Pieter Goosen

9,9615 gold badges37 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

adding my own jquery to a wordpress child theme - wp_enqueue_script not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related