Title: wp_print_scripts places jquery function above jquery src
Last modified: August 19, 2016

---

# wp_print_scripts places jquery function above jquery src

 *  Resolved [Glenn Ansley](https://wordpress.org/support/users/blepoxp/)
 * (@blepoxp)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/wp_print_scripts-jquery-function-above-jquery-src/)
 * Hi,
    I’m trying to add some jQuery script (a simple alert at this point) to my
   header, but when I use wp_print_scripts it places it above the code that links
   the jQuery file.
 * If I use admin_head instead of wp_print_scripts, everything works find because
   my code is placed lower then the JS link in the <head> section of the page.
 * Any ideas? Here is my code for inserting:
 *     ```
       ....inside my plugin class
   
       	function adminHead() {
       		wp_enqueue_script('jquery');
       		?>
       		<script type="text/javascript">
       			jQuery(document).ready(function(){
       				alert('test');
       			});
       		</script>
       		<?php
       	}
   
              ..... outside of my plugin class
       		add_action( 'wp_print_scripts', array( &$pluginclassname, 'adminHead')	);
       ```
   
 * And here is the generated code in my <head>
 *     ```
       <script type='text/javascript' src='http://localhost/cc/wp-includes/js/jquery/jquery.js?ver=1.2.3'></script>
   
       <script type='text/javascript' src='http://localhost/cc/wp-admin/js/common.js?ver=20080318'></script>
       <script type='text/javascript' src='http://localhost/cc/wp-includes/js/jquery/jquery.color.js?ver=2.0-4561'></script>
       		<script type="text/javascript">
       			jQuery(document).ready(function(){
       				alert('test');
       			});
       		</script>
       		<script type="text/javascript">
       	jQuery(function() {
       		jQuery('#dashboard_incoming_links div.dashboard-widget-content').not( '.dashboard-widget-control' ).find( '.widget-loading' ).parent().load('index-extra.php?jax=incominglinks');
       		jQuery('#dashboard_primary div.dashboard-widget-content').not( '.dashboard-widget-control' ).find( '.widget-loading' ).parent().load('index-extra.php?jax=devnews');
       		jQuery('#dashboard_secondary div.dashboard-widget-content').not( '.dashboard-widget-control' ).find( '.widget-loading' ).parent().load('index-extra.php?jax=planetnews');
       		jQuery('#dashboard_plugins div.dashboard-widget-content').not( '.dashboard-widget-control' ).find( '.widget-loading' ).parent().load('index-extra.php?jax=plugins');
       	});
       </script>
       ```
   
 * Any help would be great. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Moderator [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/)
 * (@otto42)
 * WordPress.org Admin
 * [18 years, 1 month ago](https://wordpress.org/support/topic/wp_print_scripts-jquery-function-above-jquery-src/#post-742564)
 * > _I’m trying to add some jQuery script (a simple alert at this point) to my 
   > header, but when I use wp\_print\_scripts it places it above the code that 
   > links the jQuery file._
 * That’s correct. Short answer, don’t do that. 😉
 * Long answer, use the admin_head action for inserting script code directly into
   the page, and use [wp_enqueue_script](http://codex.wordpress.org/Function_Reference/wp_enqueue_script)
   for inserting script code from a *.js file into the page.
 * The admin_head action happens after the print scripts action does, and even WordPress
   itself uses that to insert javascript code (examine wp-admin/index.php closely).
 * For external script files, wp_enqueue_script allows you to specify dependancies,
   which are used to ensure that the scripts loaded that way load in the correct
   order. You can safely call the wp_enqueue_script function from a function added
   to the admin_print_scripts action hook (or anytime earlier, for that matter).
   It’ll work.
 *  Thread Starter [Glenn Ansley](https://wordpress.org/support/users/blepoxp/)
 * (@blepoxp)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/wp_print_scripts-jquery-function-above-jquery-src/#post-742570)
 * ahh… that makes sense now.
 * So, if I want to run a specific JS function in my <HEAD> that is located in an
   external library or something, I should 1) use admin_print_scripts to include
   the link to the library with the function and then 2) use admin_head to perform
   the call the specific function? I think that’s right.
 * Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘wp_print_scripts places jquery function above jquery src’ is closed to
new replies.

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [wp_print_scripts](https://wordpress.org/support/topic-tag/wp_print_scripts/)

 * 2 replies
 * 2 participants
 * Last reply from: [Glenn Ansley](https://wordpress.org/support/users/blepoxp/)
 * Last activity: [18 years, 1 month ago](https://wordpress.org/support/topic/wp_print_scripts-jquery-function-above-jquery-src/#post-742570)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
