Here’s a working example:
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
'custom-script',
get_stylesheet_directory_uri() . '/js/custom_script.js',
array( 'jquery' )
);
}
Or like this which apparently loads faster:
function my_scripts_method() {
wp_enqueue_script(
'custom-script',
get_stylesheet_directory_uri() . '/js/custom_script.js',
array( 'jquery' )
);
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
Source http://codex.wordpress.org/Function_Reference/wp_enqueue_script
get_template_directory_uri()
will only work in a parent theme.
Related Posts:
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- How to set time delay in javascript
- jQuery equivalent of JavaScript’s addEventListener method
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- JavaScript: filter() for Objects
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- JavaScript Loading Screen while page loads
- How is JavaScript .on() method defined?
- JQuery: $.get is not a function
- How to get client’s IP address using JavaScript?
- Simple throttle in JavaScript
- Enable & Disable a Div and its elements in Javascript
- How can I expand and collapse a using javascript?
- Javascript : array.length returns undefined
- The ‘describe’ keyword in javascript
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- Add tinymce buttons to caption textarea in media uploader
- How to prevent wordpress from loading old versions of jquery in wp_head();?
- Add custom shortcode button to Editor
- RequireJS in custom theme. Working Example
- Infinite scroll / lazy loading with NextGen Gallery [closed]
- How to handle multiple instance of “send_to_editor” js function
- How to get a jQuery script to run on a page?
- Defer Parsing of Scripts
- Modify Custom Field in Media Library using JavaScript
- Asynchronous Javascript Loaders
- wp_enqueuescript won’t load in footer even with true value set?
- How to Use JSON With AJAX?
- Execution of JavaScript on save post
- Using wp_ajax and wp_ajax_nopriv hooks
- Prevent five different copies of jquery from being included on every page
- Hide/show customizer controls based on other settings in Customizer
- Is placing stuff in page text edit window bad form?
- javascript is not working on Event Submission?
- Add colorpicker to featured image
- jQuery Tree View and wp_list_pages
- WordPress audio player causing js error, mediaelementplayer is not a function
- Auto-detect javascript errors and warn theme user
- combining js scripts from a js newb [closed]
- Loading posts via AJAX in a hidden div with updated URL?
- Heartbeat API: How to access data already enqueued?
- Implementing lazy loading in homepage posts instead of pagination
- How to show jquery popup only in one page or once?
- Correct way to write jQuery functions in WordPress
- Using bootstrap-slider and bootstrap-switch in wordpress admin panel
- Trouble with WordPress Ajax Login System – 302
- Limit filetype and wp media
- How does WordPress handle HTML Tables interaction with jQuery
- Javascript stopped working [closed]
- Why load JS through the CMS framework? [duplicate]
- Problem passing id-specific objects to javascript via wp_localize_script
- url – ajax loaded but no JS
- Callback After WordPress Customizer Complete Loading
- Create special WordPress slideshow with “jquery.cycle.all.js”
- Close Fancybox, sumbit form data and redirect
- How to enque js script in footer that are not in .js file?
- Properly embed javascript into WP (using function.php) – doesn’t work?
- Nested Gallery Shortcode INTERMITTENTLY working
- Disable Cloudflare Rocket Loader for jQuery javascript and make it load first
- How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
- Accessing javascript in multiple files [closed]
- Issues loading Jquery on WordPress website
- jQuery selectable() function won’t work in wordpress
- Custom AJAX form not working async
- Is it OK combined wp-include js, jquery, css? [closed]
- Including Older Version of jQuery for IE7/IE8
- Parse wordpress blog data using json api and ajax
- Problem adding MP3 attachments to a jPlayer playlist
- How To Include JavaScript Files Only In Single Posts?
- Ajax page load in wordpress the right way?
- Jquery not working
- A carousel slideshow plugin in JavaScript
- JS behavior differs depending on page tree [closed]
- How to use $ with externally loaded javascript
- Theme customisation – how to store javascript externally when it utilises php variables?
- jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
- Get ajaxForm response value
- why does so many javascript libraries are loaded along with my website?
- Why does my media selection script write to ONLY the first input field?
- onclick jquery function not working in wordpress header file [duplicate]
- Modify the href attribute of tag dynamically in WordPress
- Add a jQuery snippet for sepcific user role
- Adding scripts before plugins scripts
- Move jQuery on *top* of footer
- JQuery and Javascript to pan image
- jQuery search function not running in WordPress but running locally (fiddle)
- Masonry – Can’t Find Variable imagesLoaded
- How to get this jQuary script working?
- How to add JS snippet before closing tag?
- Disable drag metaboxes, create many functions using js not to work!
- Clear custom field when new tag is added
- Are you sure popup on Contact Form 7 [closed]
- jQuery ajax empty exeption on wordpress
- javascript not loading in wordpress
- JS file not loading [closed]
- Carousel Hover Image
- How to Javascript/jQuery