JS 函数中的 Wordpress PHP ACF 片段答案

【问题标题】：Word Press PHP ACF Snippets in JS functionsJS 函数中的 Wordpress PHP ACF 片段
【发布时间】：2021-06-09 07:33:29
【问题描述】：

我目前正在为我的网站添加高级自定义字段，但是当我尝试将 ACF sn-p 添加到任何功能时，内容不会显示在浏览器中，并且脚本标签中的所有 js 代码都会停止在浏览器中工作和显示。我做错了什么？

js代码在front-page.php文件的script标签中

    function changeTestimonial1(){
    document.getElementById("client-name").innerHTML ="<?php the_field('client_name1'); ?>";
}

【问题讨论】：

请阅读How to Ask - 作为问题描述，“不起作用”对我们不起作用。
生成的 HTML 代码是什么样的？你在哪里调用函数？浏览器控制台有什么要说的吗？

标签： javascript php wordpress function advanced-custom-fields

【解决方案1】：

我建议这样构建您的 html/php/javascript：

<?php
    $somevar = 1234;
?>
<HTML>
    <script language="JavaScript">  
        // JS will contain value of php variable $somevar, but make sure you escape the value.
        var some_js_var = <?php echo $somevar; ?>
    </script>
</HTML>

【讨论】：