我需要创建函数:
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>
答案 0 :(得分:0)
您只需要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();});
JSF例子中间: https://jsfiddle.net/bm93s2Lc/2/