单击以显示电话号码并单击以拨打电话

Question

我需要创建功能：

1）点击显示隐藏的html（电话号码）

2) 显示手机号码后必须是可点击的，以便我们可以通过手机拨打

这是我的代码：

<div class="category-list-title">
  <h5>
   <a href="javascript:void(0)" class="number" data-last="<?php echo get_post_meta($pid, '_carspot_poster_contact', true ); ?>">
    <span><?php echo esc_html__('Click to View', 'carspot' ); ?>
    </span>
   </a>
  </h5>
</div>

Answer 1

您只需要 php 即可获取数据，在本例中为电话号码。

所以这不是一个 php 问题，而是一个 html 和 javascript ......

所以，这是一个例子：

HTML：

<div class="category-list-title">
<a id="show" href="#" onclick="show();">View phone</a><br>
<!-- Similar to mailto you tel in html this will allow you to make a call directly -->
<a id="phone" href="tel:555-555-5555">555-555-5555</a>
</div>

CSS：

#phone {
  display: none;
}

JavaScript：

document.getElementById("show").onclick = function() {show()};

function show() {
  document.getElementById("phone").style.display="block";
}

或 jQuery：

$('#show').click(function(){$('#phone').show();});

示例的 JSFiddle： https ://jsfiddle.net/bm93s2Lc/2/