Question

所以即时处理网站上的一个小问题我编码，所以任何图像都是可点击的，并将激活一个电话号码，以打电话给我处理预订（餐厅，水疗中心，服务，点击它触发了任何移动设备上的手机应用程序和PC上的Skype。

由于不是每个人都拥有Skype帐户（有信用卡），如果在已经有tel标签的相同图像上的桌面上使用网站，我怎么能实现emailto标签？

Answer 1

以下是使用jQuery和isMobile的快速解决方案，以及用于保存电话号码的数据属性。

＆＃13;

$(document).ready(function() {

  // Determine if we're using a mobile device
  if (isMobile.any) {

    // Loop through each link with the data-tel attribute
    $('[data-tel]').each(function() {

      $(this)
        // Update the link's href to use the telephone number
        .prop('href', 'tel:' + $(this).data('tel'))
        .text('Tel link (mobile detected)');
    });

  }

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.js"></script>

<a href="mailto:test@aol.com" data-tel="555-1234-567">
  Email link (desktop detected)
</a>

＆＃13;

同时使用TEL和EMAILTO

1 个答案: