CODEWITHSUNDEEP
javascriptphpwordpress
user3219859
user3219859

Reputation: 77

enqueue_script not working

quick question here.

I am adding custom javascript to my wordpress site, i have header-tab.js saved in the child theme's js folder, and tried to call on it with enqueue_script in my child theme's functions.php as shown here: 

function includes_header_tab()
{
wp_enqueue_script( 'header-tab', get_template_directory_uri() .'/js/header-tab.js', array( 'jquery' )); 
}
add_action('wp_enqueue_scripts', 'includes_header_tab');
?>

this does not seem to work, can anyone see if there is a problem in my code? or am i missing something? or it might be my javascript file that is at fault?

Upvotes: 0

Views: 103

Answers (2)

SamotnyPocitac
SamotnyPocitac

Reputation: 402

you are missing a couple of data, first register and then enqueue

 function includes_header_tab()
    {
    wp_register_script( 'header-tab', get_template_directory_uri('/js/header-tab.js', __FILE__ ), array( 'jquery' )); 

    wp_enqueue_script( 'header-tab' );
    }
    add_action('wp_enqueue_scripts', 'includes_header_tab');
    ?>

Upvotes: 1

yoavmatchulsky
yoavmatchulsky

Reputation: 2960

As mentioned the get_directory_template_uri manual page:

In the event a child theme is being used, the parent theme directory URI will be returned, get_template_directory_uri() should be used for resources that are not intended to be included in/over-ridden by a child theme. Use get_stylesheet_directory_uri() to include resources that are intended to be included in/over-ridden by the Child Theme.

You simply got the parent's uri and not the child's.

Upvotes: 0

Related Questions