How to add Bootstrap jQuery to WordPress

Question

I am learning WordPress and am transferring a basic bootstrap template to Wordpress so I can them edit it, but I can't get the jQuery to work.

I have this code saved in my functions.php file in my theme folder.

 <?php

function test_resources() {

wp_enqueue_script( 'bootstrap.min.js', get_template_directory_uri(). 'js/bootstrap.min.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery.easing.min.js', get_template_directory_uri(). 'js/jquery.easing.min.js', array( 'jquery' ) );
wp_enqueue_script( 'scrolling-nav.js', get_template_directory_uri(). 'js/scrolling-nav.js', array( 'jquery' ) );

}

add_action('wp_enqueue_scripts', 'test_resources');

Just do a simple Google search: wordpress.org/plugins/wordpress-bootstrap-css — A.Sharma
– A.Sharma, Commented Apr 18, 2016 at 18:15
You need jquery by itself and it needs to be called before bootstrap. — spasticninja
– spasticninja, Commented Apr 18, 2016 at 18:22

MrRobot9 · Accepted Answer · 2016-04-18 18:17:31Z

2

You have to call the jQuery yourself using this.

wp_enqueue_script('jquery');

answered Apr 18, 2016 at 18:17

MrRobot9

2,7446 gold badges36 silver badges75 bronze badges

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

Comments

Klaudio Milankovic · Accepted Answer · 2016-04-18 19:30:56Z

1

You need to add a slash before the path '/js/bootstrap.min.js'

function test_resources() {

wp_enqueue_script( 'bootstrap.min.js', get_template_directory_uri(). '/js/bootstrap.min.js', array( 'jquery' ) );

wp_enqueue_script( 'jquery.easing.min.js', get_template_directory_uri(). '/js/jquery.easing.min.js', array( 'jquery' ) );

wp_enqueue_script( 'scrolling-nav.js', get_template_directory_uri(). '/js/scrolling-nav.js', array( 'jquery' ) );

}

add_action('wp_enqueue_scripts', 'test_resources');

answered Apr 18, 2016 at 19:30

Klaudio Milankovic

3512 silver badges11 bronze badges

2 Comments

Oisín Bowles Over a year ago

yeah all it needed was a slash before the path. Thanks a million, feel like an idiot not seeing that, just needed fresh eyes to see it because I was staring at it for too long.

Klaudio Milankovic Over a year ago

Yeah :) Happened to me couple of times, that's how I've noticed. No problem.

Collectives™ on Stack Overflow

How to add Bootstrap jQuery to WordPress

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related