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

Question

我想将内联 JavaScript 添加到我的 WordPress 前端，使用wp_add_inline_script.

• 根据文档，它应该可以工作（只要我将脚本添加到队列中，这在我的情况下是正确的）！

  仅当脚本已在队列中时才会添加代码。

• 样式而不是脚本的等效片段按预期工作（请参阅下面的第二个片段）！

我当前的片段不起作用：

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它是因为它的优点（例如同步顺序等）...

标签： phpwordpress

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