WordPress - functions.php will not register my JavaScript file

Question

I am trying to register my JavaScript file in my function.php file. But when I add in the function to load the JavaScript file, nothing happens. When I go into dev tools and inspect it on the browser, it isn't appearing there either. (I am working locally)

Here is my PHP code:

function add_scripts() {
  wp_enqueue_script('scripts', get_template_directory_uri() . 'js/scripts.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'add_scripts');

This is at the bottom of my function.php file, and the file, scripts.js is located in the js folder in my theme folder.

I should at least be seeing this load when i inspect the webpage with my dev tools, but it's not appearing. Does anyone know what might be causing this?

Try changing the handle scripts (first parameter) to something a little less generic (eg. my_theme_name_main_script) and see if it helps. — cabrerahector
– cabrerahector, Commented May 10, 2019 at 3:12

itzmekhokan · Accepted Answer · 2019-05-10 04:46:51Z

4

You are missing / before js path folder. Add follows -

function add_scripts() {
  wp_enqueue_script('your_scripts', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'add_scripts');

answered May 10, 2019 at 4:46

itzmekhokan

2,7782 gold badges11 silver badges14 bronze badges

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

Comments

Nikunj Kathrotiya · Accepted Answer · 2019-05-10 05:00:27Z

0

function theme_enqueue_styles() {
   wp_enqueue_script( 'script-js', get_stylesheet_directory_uri() . '/js/script.js', array( 'jquery' ), '20181207',true );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 12 );

This method is tested and working

answered May 10, 2019 at 5:00

Nikunj Kathrotiya

9938 silver badges24 bronze badges

Comments

Tristup · Accepted Answer · 2019-05-10 05:59:02Z

0

Just missed out with the '/' in file path. Please be careful with the handle i.e script. Just copy the code and replace your one.

function add_scripts() {
  wp_enqueue_script('scripts', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'add_scripts');

answered May 10, 2019 at 5:59

Tristup

3,6381 gold badge16 silver badges26 bronze badges

Comments

Hadi Heydarzade · Accepted Answer · 2019-05-10 06:10:43Z

0

please make sure your id is unique. first param in wp_enqueue_script.

answered May 10, 2019 at 6:10

Hadi Heydarzade

863 bronze badges

Collectives™ on Stack Overflow

WordPress - functions.php will not register my JavaScript file

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related