在移动应用程序中单击/选择号码时如何在号码上显示设备拨号盘

Question

我们开发混合移动应用程序。

在这个应用程序中，当点击/选择号码时，它应该会显示在设备的拨号盘上。

我们必须遵循哪些步骤？

$(function(){
    if(navigator.userAgent.match(/(iPhone|Android.*Mobile)/i))
    {
        $('a[data-tel]').each(function(){
            $(this).prop('href', 'tel:' + $(this).data('tel'));
        });
    }
})

 <table>
        <tr><td style="padding:2px">Traiff</td><td style="padding:8px"><a data-tel="974-4433665588" href="tel:974-4433665588" data-rel="external" style="color:#333946 !important">974-4433665588</a></td></tr>
       	<tr><td style="padding:2px">Divil</td><td style="padding:8px"><a data-tel="974-4433665588" style="color:#333946 !important">974-4433665588</a></td></tr>
       	</table>

这是我的应用链接
http://desktop-tsrno5e:10080/_MobileBrowserSimulator/index.html?webpage=/datepicker/apps/services/preview/ww/android/1.0/&platform=android

Answer 1

只需使用.click()函数

$(function(){
  if(navigator.userAgent.match(/(iPhone|Android.*Mobile)/i)) {
    $('a[data-tel]').click(function(){
       $(this).prop('href', 'tel:' + $(this).data('tel'));
    });
  }
})