WordPress的自定義字段內容作為彈出窗口

Question

我將價格存儲在自定義字段“價格”中。 clickbtn是賦予按鈕形狀的類。 我試圖在clickbtn中只顯示“單擊此處以顯示價格”文本...我想要實現的是，當用戶單擊clickbtn時，會出現一個彈出窗口，其中應包含“價格”的內容以及在新標簽頁中打開鏈接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>

這樣，在單擊時，鏈接消失，價格出現，然后彈出窗口打開。