作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我正在处理一个网站上的一个小问题,我正在编码,我做到了,所以任何图像都是可点击的,并且会激活一个电话号码来打电话,因为我正在处理预订(餐厅、水疗中心、服务,点击时会触发任何移动设备上的电话应用和 PC 上的 Skype。
由于不是每个人都有 Skype 帐户(有信用),当网站在桌面上使用已经具有 tel 标签的相同图像时,我如何实现 emailto 标签?
最佳答案
这是一个使用 jQuery 和 isMobile 的快速解决方案,以及用于保存电话号码的数据属性。
$(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>
关于javascript - 同时使用 TEL 和 EMAILTO,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47563083/
所以我正在处理一个网站上的一个小问题,我正在编码,我做到了,所以任何图像都是可点击的,并且会激活一个电话号码来打电话,因为我正在处理预订(餐厅、水疗中心、服务,点击时会触发任何移动设备上的电话应用和
我是一名优秀的程序员,十分优秀!