Enqueue your script instead of putting it in your template, you can enqueue your code as is, or put your code in an actual file.
The benefit of doing this is you gain control over output, as you can see there is a $priority
parameter for add_action
.
add_action( $hook, $function_to_add, $priority, $accepted_args );
Futhermore wp_enqueue_script
comes with two parameters which can alter output, which are $deps
and $in_footer.
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
So with the above 3 settings you can surely change the way the scripts load.
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/add_action
Related Posts:
- Why is jquery-ui-core enqueueing in my footer instead of the header?
- Which jQueryUI handles are predefined in wordpress?
- Utilizing WordPress’ Admin UI for plugin settings: getting accordion style
- jquery-ui-autocomplete is not loaded with wp_enqueue_script
- Issues with wp_enqueue_script and jquery-ui
- When should I use wp_register_script() with wp_enqueue_script() vs just wp_enqueue_script()?
- wp enqueue inline script due to dependancies
- How do I dequeue a parent theme’s CSS file?
- Check if a script/style was enqueued/registered
- wp enqueue style on specific page templates
- Is it possible to use wp_localize_script to create global JS variables without a specific script handle?
- How do I get the $handle for all enqueued scripts?
- How to load css in the footer [duplicate]
- How can I get a list of all enqueued scripts and styles?
- Load CSS/Javascript in frontend conditionally if block is used
- How to properly dequeue scripts and styles in child theme?
- Prevent Version URL Parameter (?ver=X.X.X) on Enqueued Styles & Scripts
- Register a script to be enqueued both in admin and front end
- How can I enqueue protocol relative external (//ajax.googleapis.com/…) scripts?
- Can’t enqueue scripts in the footer?
- How can I remove the site URL from enqueued scripts and styles?
- How can I de-register ALL styles all at once? And same with Javascript?
- Loading a script with a dependency, is unloading another script’s dependency
- wp enqueue script using scripts from cdn with a safety callback
- Can I add styles to footer with $wp_styles->add_data?
- Cannot deregister a script using wp_deregister_script
- Conditional wp_enqueue_script on a page
- Enqueue custom font file with rel=”preload”
- Protocol neutral URLS with wp_enqueue_script (SSL issues)?
- Enqueue script in specific page
- Removing specific style from wp_head
- How to dequeue / deregister any theme styles and scripts
- Include jQuery UI as a whole
- How to en-queue bootstrap 4 to theme?
- Notice that the wp_enqueue_style is not being called correctly!
- Is it safe/recommended to use wp_enqueue_script function outside the functions.php file?
- wp_enqueue script my_javascript_file in the footer
- Hyphens vs. periods in the script slug in wp_register_script?
- jquery script not enqueued in child theme
- Using wp_enqueue_script on shortcode function handler
- Get the list of enqueued/registered scripts for a specific post?
- How to load JQuery easing script in wordpress?
- Enqueue script only for IE
- Hook for writing text string after footer scripts
- Is This The Most Efficient Way To Add Javascript Files?
- Why does this line of code make photo albums appear?
- Add script to footer – on post editor
- Which action to hook wp_enqueue_script to? wp_head or wp_enqueue_scripts? [duplicate]
- enqueue and localize script in footer
- Issue with using Underscore in WordPress
- Conditionally dequeue dependency of scripts
- Trying to load different syles for 404.php page
- Enqueue Script with URL parameters
- What determines the order of enqueued styles?
- Track down where script is being enqueued from
- $wp_styles->registered not giving ALL the styles?
- Wp_head and wp_footer vs wp_enqueue_script javascript files?
- Benefits to enqueuing site scripts/stylesheets?
- Enqueue script only if page has an oembed
- Adding Custom Javascript to Skeleton Child Theme
- It would be a right way to enqueue the script using foreach loop?
- How to use wp_enqueue_style() and wp_enqueue_script() only when needed?
- Is this a bad implementation of wp_enqueue_script for conditional usage?
- Preload key requests using wp_enqueue
- Don’t load scripts if on mobile/tablet
- How to Add a Custom Script to Customize.php
- Remove a script from a template file using wp_dequeue_script
- Problem in wp_localize_script
- Remove specific CSS and JS from the head
- using wp_enqueue_script to attach jquery-ui
- wp_enqueue_script vs. wp_register_script
- Enqueue scripts to a specific header-.php?
- Adding dependencies to script enqueing
- Which are the MediaElement.js scripts to enqueue
- Child Theme – what is the scope of overwriting files?
- Best way to enqueue extremely popular scripts like bootstrap and font awesome
- How to dequeue / deregister parent theme style
- Enqueue scripts to footer
- How to remove some external js files from source?
- Enqueued scripts and styles loading in WordPress Dashboard as well
- Why is it wrong to use admin_print_scripts-{hook} to enqueue a script (.js) file?
- Add last modified time as version to css and js
- Enqueue script on specific WooCommerce template
- The wp_enqueue_scripts hook doesn’t work at all, not from plugin, not from the template, not for frontend, not for admin pages!
- How can I load script and style in specific page in the back-end?
- Best spot for wp_register_script() and wp_register_style()
- Custom Plugin Development: What priority should wp_enqueue_scripts have?
- Enqueueing Scripts on a Custom Top-level Menu Page
- How do I get my page to load the jQuery UI Effects library?
- Enqueue script with url_query variables?
- Select2 in WordPress
- wp_enqueue_script with dependencies doesn’t work
- How to switch css files according to devices and button click?
- How to control the order of the combination of enqueued styles and scripts – site speed issue
- Register script/style: Is it possible to customize the version query string via plugin?
- Performance-wise, is it better to enqueue a (small) script on every page or test to see if it’s needed?
- scripts not enqueueing
- Help with enqueing scripts in footer after init action
- Bootstrap js refuses to load
- Asset loading with gulp.js or Grunt