WordPress - 在.js文件中回显高级自定义字段

Question

我将基于WordPress页面模板的脚本排入队列，我需要这些脚本能够回显出ACF值。为了使事情变得更复杂，我的脚本文件动态地构建HTML，其中包括自定义字段，例如：

innerHTML = '<img src="<?php echo the_field('ad_banner'); ?>"'

是否可以在.js文件中回显这些字段，以构建这些HTML字符串？

我尝试过如下使用wp_localize_script，但显然做错了：

wp_enqueue_script( 'pagination-retailers' );
    wp_localize_script('pagination-retailers', 'script_vars', array(
    'banner' => get_field("ad_banner")
    )
);

非常感谢

Answer 1

使用wp_localize_script()创建javascript对象时，名称是函数中的第二个参数。

所以你可以在你的javascript文件中调用它

innerHTML = '<img src="'+script_vars.banner+'"';

您还可以检查页面源代码中的对象。它将在js文件之后。