Link Javascript and JQuery Wordpress

Question

I know this problem is pretty common at this moment and many people are asking the same question but for know I can't find any good solutions.

I wonder how i should implantate my scripts to wordpress?

This how far I have come:

function my_scripts_method() {
    wp_register_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");
    wp_enqueue_script("contact-form");
    wp_register_script("form", get_bloginfo("stylesheet_directory") . "/form/form.js");
    wp_enqueue_script("form");
    wp_register_script("validate", get_bloginfo("stylesheet_directory") . "/form/validate.js");
    wp_enqueue_script("validate");
    wp_register_script("answercheck", get_bloginfo("stylesheet_directory") . "/contact/answercheck.js");
    wp_enqueue_script("answercheck");
}

dingo_d · Accepted Answer · 2015-08-19 15:27:40Z

1

You've created a function my_scripts_method() and did you call it anywhere? Hooked it to something?

Try with

add_action( 'wp_enqueue_scripts', 'my_scripts_method()');

Also you can enqueue your scripts directly. So your

wp_register_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");
wp_enqueue_script("contact-form");

Will be

wp_enqueue_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");

If you have no dependencies. Also I'd use get_stylesheet_directory_uri() instead of your get_bloginfo("stylesheet_directory").

get_stylesheet_directory_uri()

EDIT

Try putting in your functions.php

add_action( 'wp_enqueue_scripts', 'my_scripts_method');

function my_scripts_method() {
    wp_enqueue_script('contact-form', get_template_directory_uri().'/form/contact-form.js','','', true);
    wp_enqueue_script('form', get_template_directory_uri().'/form/form.js','','', true);
    wp_enqueue_script('validate', get_template_directory_uri().'/form/validate.js','','', true);
    wp_enqueue_script('answercheck', get_template_directory_uri().'/contact/answercheck.js','','', true);
}

Alternatively you can put get_stylesheet_directory_uri() instead of get_template_directory_uri(), if it doesn't work. But it should (unless you don't have anything in the /form and /contact folders).

edited Aug 19, 2015 at 15:27

answered Aug 18, 2015 at 10:59

dingo_d

11.9k12 gold badges83 silver badges137 bronze badges

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

9 Comments

WeBWeB Over a year ago

This is what I got in my source code now. <script type='text/javascript' src='domain.com/wordpress/wp-content/themes/theme/form/…>

WeBWeB Over a year ago

It still doesn't work unfortunately. This how I did in my funtions.php: add_action( 'wp_enqueue_scripts', 'my_scripts_method()'); wp_enqueue_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js"); wp_enqueue_script("form", get_bloginfo("stylesheet_directory") . "/form/form.js"); wp_enqueue_script("validate", get_bloginfo("stylesheet_directory") . "/form/validate.js"); wp_enqueue_script("answercheck", get_bloginfo("stylesheet_directory") . "/form/answercheck.js");

dingo_d Over a year ago

See my edit, when you inspect the frontend, you should be able to see those scripts loaded in the inspector in the Sources tab. Or you should see some kind of an error.

WeBWeB Over a year ago

I really appreciate your help. Unfortunately it still doesn't work. I can see that the script are linked in the source but still the java functions doesn't work.

dingo_d Over a year ago

If you can see them, then your problem is solved ;) You only asked how to put them in wordpress. Try putting the jquery dependancy on each one like this wp_enqueue_script('answercheck', get_template_directory_uri().'/contact/answercheck.js',array('jquery'),'', true);

|

Collectives™ on Stack Overflow

Link Javascript and JQuery Wordpress

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related