Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialMUZ140045 Tafadzwa Gumunyu
13,202 Pointsstage 4 challenge 3
Now enqueue a JS file named front-end.js within the js folder. Give it a handle of my_plugin_frontend_js, make it dependent on jQuery and display at the bottom of the page.
<?php
function my_plugin_frontend_scripts(){
wp_enqueue_style( 'my_plugin_frontend_css', plugins_url( 'my-plugin/css/front-end.css' ) );
wp_enqueue_front_end.js('my_plugin_frontend_js',)
}
?>
1 Answer
Chase Marchione
155,055 PointsHi there,
The function to enqueue a script is wp_enqueue_script.
- The first argument is the hook's name.
- The second argument is used to assure that the correct URL is enqueued.
- The third argument is an array of dependencies (in this case, we want it to be dependent on jquery.)
- For the fourth argument, all that is needed here is an empty string (this argument is for the script's version number.)
- The fifth argument is a boolean as to whether the script is to be loaded in the footer.
wp_enqueue_script( 'my_plugin_frontend_js', plugins_url( 'my-plugin/js/front-end.js' ), array('jquery'), '', true );
Hope this helps!