wordpress自定义字段内容为弹出窗口

Question

我在自定义字段中存储了价格＆＃39;价格＆＃39;。 clickbtn是给它按钮形状的类。我试图只有＆＃34;点击这里显示价格＆＃34; clickbtn中的文字...我想要实现的是当用户点击clickbtn 弹出一个应该保存＆＃39;价格＆＃39; 的内容以及打开链接www.bookurl.com在新标签页中。

<div class="clickbtn">
   <a href="http://www.bookurl.com">
      <?php echo get_field('price');?> Click Here to reveal price
   <a>
</div>   

Answer 1

您必须使用javascript，而不是PHP标记。

最简单的方法，简单的JS：

<span id="price" style="display:none"><?php echo get_field('price');?></span>
<a id="price_ad" href="http://www.bookurl.com" onclick="show_price()" target="_blank">
   Click Here to reveal price
<a>

<script>
   function show_price() {
       document.getElementById('price').style.display = '';
       document.getElementById('price_ad').style.display = 'none';
   }
</script>

这样，点击后，链接消失，价格出现，弹出窗口打开。