How to add JavaScript inline in WordPress using wp_add_inline_script?

Question

I want to add inline JavaScript to my WordPress frontend using wp_add_inline_script.

According to the docs it should work (as long as I add a script to the queue, which is true in my case)!

Code will only be added if the script in already in the queue.
An equivalent snippet for styles instead of scripts works as expected (see my second snippet below)!

My current snippet which doesn't work:

add_action( 'wp_enqueue_scripts', function()
{
    wp_register_script( 'test-handle', '', array(), null );
    wp_enqueue_script( 'test-handle' ) );
    wp_add_inline_script( 'test-handle', 'does not work' )
} );

The following snippet works as aspected but is for styles instead:

add_action( 'wp_enqueue_scripts', function()
{
    wp_register_style( 'test-handle', '', array(), null );
    wp_enqueue_style( 'test-handle' ) );
    wp_add_inline_style( 'test-handle', 'works. is what I want.' )
} );

I'd like to use wp_add_inline_script because of its advantages (eg synchronize order, etc)...

Axel · Accepted Answer · 2019-03-21 13:41:58Z

1

While the function wp_add_inline_script was already implemented it didn't work in WordPress version 4.x. Since WordPress version 5.x its working just as expected.

add_action( 'wp_enqueue_scripts', function()
{
    wp_register_script( 'test-handle', '', array(), null );
    wp_enqueue_script( 'test-handle' ) );
    wp_add_inline_script( 'test-handle', 'does work since WP 5.x' )
} );

answered Mar 21, 2019 at 13:41

Axel

3,33111 gold badges39 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

How to add JavaScript inline in WordPress using wp_add_inline_script?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related