load javascript in Wordpress

Question

I've been trying to load a javascript file and its not loading, looked up the docs but cant seem to figure out why it wont enqueue. Site is here : site

In the console im getting an error message for cookies, i have also disabled all plugins, recently switching the visual composer one back on but seems like jquery is not working even though i can load it fine.

Also im queueing like this right now:

function edealsdirect_scripts() {

  wp_register_script( 'jquery-cookie', get_template_directory_uri() . '/vendor/js/js.cookie.js', array( 'jquery', '', false ) );
  wp_enqueue_script( 'jquery-cookie' );

}

add_action( 'wp_enqueue_scripts', 'edealsdirect_scripts' );

prntscr.com/b2oo63

Nicholas Ritson
– Nicholas Ritson

2016-05-11 08:28:51 +00:00
Commented May 11, 2016 at 8:28 — Nicholas Ritson
– Nicholas Ritson, Commented May 11, 2016 at 8:28

Jamie Livingstone · Accepted Answer · 2016-05-11 00:41:05Z

1

You are registering a script and then enqueuing is as a style-sheet.

Try this (Left a snippet of how to add CSS so you can use it in future and can see the difference between them):

<?php
function mytheme_custom_scripts(){
    // Register and Enqueue a Stylesheet
   // wp_register_style( 'name-of-style', get_template_directory_uri() . '/css/custom-style.css');
    wp_enqueue_style( 'name-of-style' );

    // Register and Enqueue a Script
    // get_stylesheet_directory_uri will look up child theme location
    wp_register_script( 'jquery-cookie', get_stylesheet_directory_uri() . '/vendor/js/js.cookie.js', array('jquery'));
    wp_enqueue_script( 'jquery-cookie' );

}

add_action('wp_enqueue_scripts', 'mytheme_custom_scripts');

answered May 11, 2016 at 0:41

Jamie Livingstone

2421 silver badge6 bronze badges

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

4 Comments

Nicholas Ritson Over a year ago

tried this, still doesnt seem to find the file, added screen shot to original post for reference. also tried this way, still doesnt appear: developer.wordpress.org/reference/functions/wp_enqueue_script

Jamie Livingstone Over a year ago

The path to your file must be incorrect or your using the same name when enqueuing multiple scripts. Try and look in your source code and search for the JS file and see what path it's attempting to load it on (If it's there at all) if it's not there something is conflicting with it.

Nicholas Ritson Over a year ago

fixed now, thanks, it was the script name, im assuming wordpress is using it somewhere as i havnt added that name before to my own. greatly appreciate the help. still didnt resolve the error message im getting but i think thats a different question to be asked, thanks again.

Jamie Livingstone Over a year ago

Your welcome! And are you sure the scripts not already being loaded by another plugin? If your using Chrome go to developer tools -> sources and then look and see if it's already been loaded. If you still can't get it working post again and I will try my best to help :)

score 1 · Accepted Answer · 2016-05-11 00:27:49Z

1

You are queueing style instead of script. Change wp_enqueue_style to wp_enqueue_script

Also, jquery-cookie has to be loaded after jquery. You have missing $deps argument in function call. See documentation

wp_register_script( 'jquery-cookie', get_template_directory_uri() . '/vendor/js/js.cookie.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery-cookie' );

edited May 11, 2016 at 0:27

answered May 11, 2016 at 0:19

user6086593

1 Comment

Nicholas Ritson Over a year ago

tried this as well, still doesnt load, see screen shot comment on original post. is there anything else that could block it? i have other scripts style sheets loading perfectly fine, just seems to be this one file.

Bojan Petkovski · Accepted Answer · 2016-05-11 08:46:51Z

0

Try this one:

function edealsdirect_scripts() {
  wp_enqueue_script( 'jquery-cookie', get_template_directory_uri() . '/vendor/js/js.cookie.js', array( 'jquery' ));
}

add_action( 'wp_enqueue_scripts', 'edealsdirect_scripts' );

Currently on your site you are not loading the script file. I have checked if that is the correct path to the cookie script and it is, http://edeals.nickritson.co.uk/wp-content/themes/dragoncove-saltrock/vendor/js/js.cookie.js.

answered May 11, 2016 at 8:46

Bojan Petkovski

6,9511 gold badge27 silver badges36 bronze badges

Collectives™ on Stack Overflow

load javascript in Wordpress

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related