Question

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

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

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

1 个答案: