如何在弹出窗口中使用 ACF 字段

Question

此函数显示我的弹出窗口。

 $('.call-hunt-btn').on('click', callHunt);

 function callHunt(e) {
    e.preventDefault();

    $.arcticmodal({
        type: 'ajax',
        url: 'wp-content/themes/beton/modals/modal-feedback.php',
        overlay: {
            css: {
                backgroundColor: '#000',
                opacity: .75
            }
        },
        afterOpen: function(){
            setMaskPhone();
            setDataSBJS('.arcticmodal-container');
        }
    });
}

它使用 php 模板。我想在此模板中使用 ACF 字段。
如果我只写：<?php the_field('class'); ?>，但什么也没有发生。我该如何解决？

Answer 1

如果您通过 wp_enqueue_script() 函数添加 javascript，则可以通过 wp_localize_script() 函数 (https://codex.wordpress.org/Function_Reference/wp_localize_script) 公开 ACF 值。

wp_localize_script() 函数根据提供给 wp_localize_script() 的 PHP 数组中设置的值创建一个 Javascript 对象。然后可以使用点表示法从 Javascript 对象访问 ACF 值。

如何在弹出窗口中使用 ACF 字段

How to use ACF fields in popup

wordpress

advanced-custom-fields