wp_enqueue_scripts not loading js files

Question

I'm using wp_enqueue rather than including in the footer directly. I found that the path for the js files is correct (checked via page source).

NOT WORKING

wp_enqueue_script( 'jquery', get_template_directory_uri() . '/js/vendor/jquery.js', array (), NULL, true);

wp_enqueue_script( 'input', get_template_directory_uri() . '/js/vendor/what-input.js', array ('jquery'), NULL, true);

wp_enqueue_script( 'foundation-core', get_template_directory_uri() . '/js/vendor/foundation.js', array ('jquery'), NULL, true);

wp_enqueue_script( 'ext', get_template_directory_uri() . '/js/app.js', array ('jquery'), NULL, true);

WORKING

<script src="<?php bloginfo('template_directory'); ?>/js/vendor/jquery.js"></script>  
<script src="<?php bloginfo('template_directory'); ?>/js/vendor/what-input.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/vendor/foundation.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/app.js"></script>

You forgot the add_action.. developer.wordpress.org/reference/functions/wp_enqueue_script — cgee
– cgee, Commented Apr 13, 2017 at 7:12
the issue above solved by adding jQuery instead of $ like said here: stackoverflow.com/questions/26536160/….. can someone explain why. — 112233
– 112233, Commented Apr 13, 2017 at 7:13
jQuery(document).ready(function($) and then you can use the shortcut $ in the function. — cgee
– cgee, Commented Apr 13, 2017 at 7:16

Naveen Giri · Accepted Answer · 2017-04-13 07:45:15Z

1

In Wordpress to enqueue style and Css you wp_enqueue_script method. That you wrote fine but you have to run these function at the time when WordPress enqueue scripts. i.e you have to call these function at wp_enqueue_scripts action. wp_enqueue_scripts this action will call when WordPress load scripts. so your code will look like

add_action( 'wp_enqueue_scripts', 'load_my_site_scripts' );
function load_my_site_scripts(){
    wp_enqueue_script( 'jquery', get_template_directory_uri() . '/js/vendor/jquery.js', array (), NULL, true);
    wp_enqueue_script( 'input', get_template_directory_uri() . '/js/vendor/what-input.js', array ('jquery'), NULL, true);
    wp_enqueue_script( 'foundation-core', get_template_directory_uri() . '/js/vendor/foundation.js', array ('jquery'), NULL, true);
    wp_enqueue_script( 'ext', get_template_directory_uri() . '/js/app.js', array ('jquery'), NULL, true);
}

Add this code in your theme functions.php

answered Apr 13, 2017 at 7:45

Naveen Giri

5456 silver badges18 bronze badges

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

1 Comment

Bunty Over a year ago

Yes you need to add this into this action only.

Rakhi Prajapati · Accepted Answer · 2017-04-13 07:24:21Z

0

Try with creating function

function load_css_js() {
wp_enqueue_style( 'gdgt-base', get_template_directory_uri() . '/css/gdgt-base.css', false, NULL, 'all' );
wp_enqueue_style( 'gdgt-icon', get_template_directory_uri() . '/icons/css/gdgt.css', false, NULL, 'all' );

wp_register_script( 'gdgt-base', get_template_directory_uri() . '/js/gdgt-base.js', array( 'jquery' ), NULL, false );
wp_enqueue_script( 'gdgt-base' );
}

add_action( 'wp_enqueue_scripts', 'load_css_js' );

answered Apr 13, 2017 at 7:24

Rakhi Prajapati

9111 gold badge12 silver badges25 bronze badges

Collectives™ on Stack Overflow

wp_enqueue_scripts not loading js files

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related