将高级自定义字段添加到OnClick JS函数

时间:2018-12-10 11:15:31

标签: javascript php wordpress advanced-custom-fields

我有一个JS函数来替换h2和span中的文本。 JS函数使用OnClick运行。

这在所有情况下都有效,但是当我将值更改为从Wordpress中的“高级自定义字段”中提取的值时,则无效。

每当代码在变量中更改为the_field('content');get_field('content');时,都会引发错误 SyntaxError: unexpected EOF

该字段是一个基本的文本字段,当前输出:

<p>test8</p>  

如果我检查源代码,它将被正确地插入html中。

代码:

 <script type="text/javascript">
      function ReplaceHeader(id,content) {
      var container = document.getElementById(id);
      container.innerHTML = content;
      }
</script>

    <?php $artist = get_field('artists_content'); ?>
         <a href="" onclick="ReplaceHeader('header','Artists'); ReplaceHeader('content','<?php echo $artist;?>')">

      <path class="st3" d="M383.5,238.6c3.8,0,6.8-3.1,6.8-6.8s-3.1-6.8-6.8-6.8c-3.8,0-6.8,3.1-6.8,6.8l0,0
      C376.6,235.5,379.7,238.6,383.5,238.6"/>
      <text transform="matrix(1 0 0 1 398.2288 235.1945)" class="st3 st4 st5">ARTISTS</text>
    </a>

这有效:

<a href="" onclick="ReplaceHeader('header','Artists'); ReplaceHeader('content','<p>Test8</p>')">

甚至可以这样做:

<?php $artist = '<p>Test8</p>' ?>
    <a href="" onclick="ReplaceHeader('header','Artists'); ReplaceHeader('content','<?php echo $artist;?>')">

但这不是:

<?php $artist = get_field('artists_content'); ?>
         <a href="" onclick="ReplaceHeader('header','Artists'); ReplaceHeader('content','<?php echo $artist;?>')">

1 个答案:

答案 0 :(得分:0)

我是初学者。 $ artist = get_field('artists_content'); $ artist是一个功能而不是一个价值。