同时使用 TEL 和 EMAILTO

Question

所以我正在处理网站上的一个小问题，我正在编码，我做到了，所以任何图像都可以点击，并且会激活一个 phone 号码来打电话，因为我正在处理预订（餐厅、水疗中心、服务） , 单击它会触发任何移动设备上的 phone 应用程序和 PC 上的 Skype。

因为不是每个人都有 Skype 帐户（有信用），当网站在桌面上使用已经有 tel 标签的相同图像时，我如何实现 emailto 标签？

Answer 1

这是一个使用 jQuery 和 isMobile 的快速解决方案，以及用于保存 phone 数字的数据属性。

$(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)');
    });

  }

});

<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>

同时使用 TEL 和 EMAILTO

Using TEL and EMAILTO at the same time

html

javascript

css

tel