Wordpress add_action of wp_head for javascript / css files in plugin

Question

For some reason, the following is not loading my JS and CSS into wordpress. This code is in an activated plugin, which is otherwise executing. Also, I checked and wp_head does exist in the theme.

add_action ( 'wp_head', 'lbIncludes');

function lbIncludes()  {
    wp_enqueue_script('jquery');

    wp_register_script('myScript',
    WP_PLUGIN_URL . '/myScript/myScript.bundle.js' );
    wp_enqueue_script('myScript');

    wp_register_style('myStyle', WP_PLUGIN_URL . '/myScript/myScript.css');
    wp_enqueue_style('myStyle');
};

Bonus question - what's the appropriate way to make the script wait for jquery to load first?

Sigh. You can't enqueue on wp_head. Rather, you have to do it on an init action, such as: add_action ( 'init', 'lbIncludes'); But I still can't get the css to appear. — Matrym
– Matrym, Commented Apr 22, 2010 at 9:04

wavyGravy · Accepted Answer · 2010-08-08 21:54:34Z

2

If you want to load jQuery before your scripts do this:

wp_register_script('myScript', WP_PLUGIN_URL . '/myScript/myScript.bundle.js', array('jquery') );

answered Aug 8, 2010 at 21:54

wavyGravy

7972 gold badges6 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tim Sewell · Accepted Answer · 2010-04-22 09:56:26Z

1

Try hooking to wp_print_styles and wp_print_scripts. To ensure jQuery is loaded first add the $deps parameter when you wp_enqueue_script.

answered Apr 22, 2010 at 9:56

Tim Sewell

481 silver badge6 bronze badges

Collectives™ on Stack Overflow

Wordpress add_action of wp_head for javascript / css files in plugin

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related