如何在弹出窗口中使用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值。