如何使用wp_add_inline_script在WordPress中添加JavaScript内联？

Question

我想使用wp_add_inline_script为我的WordPress前端添加内联JavaScript。

• 根据docs它应该工作（只要我在队列中添加一个脚本，这在我的情况下是正确的）！ 只有当脚本已经在队列中时才会添加代码。
• 样式而不是脚本的等效代码段按预期工作（请参阅下面的第二个代码段）！

我当前的片段不起作用：

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' )
} );

以下代码段按预期工作，但代替样式：

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.' )
} );

---

我想使用wp_add_inline_script因为它的优点（例如同步订单等）......

Answer 1

虽然函数wp_add_inline_script已经实现，但它在WordPress版本4.x中不起作用。由于WordPress版本5.x的工作正如预期的那样。

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' )
} );