Using wp_enqueue_script on shortcode function handler

Question

I have this code

function this_is_my_shortcode(){
    wp_register_script('per-pas-belanja-online', plugins_url('js/per-pas-belanja-online.js', __FILE__), array('jquery'), '1.0.0');
    wp_enqueue_script('per-pas-belanja-online');
    return '<div id="poppedout">Blah</div>';
}
add_shortcode('bubba', 'this_is_my_shortcode');

The div is appear on the page, but the script is not. What mistake i have done ?

as of WordPress 3.3 your code should work just fine

Bainternet
– Bainternet

2012-02-16 01:39:17 +00:00
Commented Feb 16, 2012 at 1:39 — Bainternet
– Bainternet, Commented Feb 16, 2012 at 1:39

kaiser · Accepted Answer · 2011-06-08 10:17:40Z

2

Straight from the Codex

Use the wp_enqueue_scripts action to call this function, or admin_enqueue_scripts to call it on the admin side. Calling it outside of an action can lead to troubles.

answered Jun 8, 2011 at 10:17

kaiser

51k27 gold badges153 silver badges247 bronze badges

1

To clarify: in order to take effect, a script must be enqueued before WordPress actually prints those enqueued scripts (which takes place within the wp_head hook - which itself includes a long list of actions that take place, including printing of enqueued scripts and styles). Once WordPress is outputting Post content, you are well past that point.

Chip Bennett
– Chip Bennett

2011-06-08 12:56:52 +00:00
Commented Jun 8, 2011 at 12:56
1

Thanks for the explanation. That makes everything clear. But, I want to enqueue script only when user use that shortcode. Is there a way to achieve that ?

Permana
– Permana

2011-06-09 00:56:22 +00:00
Commented Jun 9, 2011 at 0:56

Add a comment |

orionrush · Accepted Answer · 2014-08-17 21:49:21Z

2

As @Bainternet pointed out as of 3.3 it should work just fine for js (described by scribu here). For those also wanting to conditionally load css, it's still difficult but these two articles by beerpla and one by iandunn should pave the way.

edited Aug 17, 2014 at 21:49

answered Aug 3, 2012 at 15:32

orionrush

9202 gold badges13 silver badges25 bronze badges

Add a comment |

Hamed Moodi · Accepted Answer · 2016-06-18 13:41:35Z

0

You should enqueue scripts like this:

function this_is_my_shortcode(){
    add_action('wp_enqueue_scripts', function() {
        wp_register_script('per-pas-belanja-online', plugins_url('js/per-pas-belanja-online.js', __FILE__), array('jquery'), '1.0.0');
        wp_enqueue_script('per-pas-belanja-online');
    });
    return '<div id="poppedout">Blah</div>';
}
add_shortcode('bubba', 'this_is_my_shortcode');

answered Jun 18, 2016 at 13:41

Hamed Moodi

212 bronze badges

Add a comment |

Stack Exchange Network

Using wp_enqueue_script on shortcode function handler

3 Answers 3

Your Answer

Hot Network Questions

Using wp_enqueue_script on shortcode function handler

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions