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文件之后。