WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to know the correct way to load existing scripts in wp-includes/js/jquery/

Example I want to load jQuery UI Tabs

What I have done for now

function sample_exists_code() {
   echo '<script type="text/javascript" src="'. CONSTANTS_JS .'/jquery.js"></script>'."\n"; 
   echo '<script type="text/javascript" src="'. CONSTANTS_JS .'/jquery-ui.js"></script>'."\n"; 
add_action('admin_head', 'sample_exists_code');

and this code working fine to load the UI tabs.

But when I try use this code and it's not working

function sample_exists_code() {
add_action('admin_head', 'sample_exists_code');

Let me know the correct way to call the existing scripts.

Update :

// load existings js and template css.
function sample_admin_js_head()
    wp_enqueue_script('jquery-ui-tabs', null, array('jquery-ui-core','jquery'), null, false);
    echo '<link rel="stylesheet" type="text/css" href="' . CONSTANTS_STYLES . '/style.css" />' . "\n";

// load up the menu page
function sample_add_page()
    $optionpage = add_theme_page(__('Theme Options'), __('Theme Options'), 'edit_theme_options', 'sample', 'sample_do_template');
    add_action( "admin_print_scripts-$optionpage", 'sample_admin_js_head' );

add_action('admin_menu', 'sample_add_page');
share|improve this question
up vote 1 down vote accepted

Hi @haha:

'admin_init' is definitely an\ workable way to load scripts but you might also want to take a look at this blog post and consider using the "admin_print_scripts-{$page}" hook instead which can allow you to only load on your page when you need it and not burden the other admin pages:

Here's code from the blog post, albeit modified a bit:

$your_page = add_management_page('myplugin','myplugin',9,__FILE__,
function yourplugin_jquery_tabs_loader() {
  // what your plugin needs in its <head>
share|improve this answer
Thanks MikeSchinkel. Nice to follow this way ;) – haha Jan 29 '11 at 21:47
@haha - Glad I could help. – MikeSchinkel Jan 29 '11 at 21:52

Codex docs on wp_enqueue_script() strongly recommend to only hook it to init. Examples also show using admin_init for admin area, but I am not entirely sure this is recommended.

share|improve this answer

Got it worked :)

function sample_exists_code() {
wp_enqueue_script('jquery-ui-tabs', null, array('jquery-ui-core', 'jquery'), null, false);     
add_action('admin_init', 'sample_exists_code');
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.