解决 iOS 设备上链接要点击两次才跳转的问题
解决 iOS 设备上链接要点击两次才跳转的问题
昨天接到用户反馈,iOS 设备上链接要点击两次才跳转,这个问题怎么能忍的下去,解决办法如下: 确保你的HTML页面添加了以下头部代码:
<meta name="viewport" content="width=device-width, initial-scale=1"/>
引入 jQuery 库,并贴入如下代码:
$(document).ready(function() {
$('a').on('click touchend', function(e) {
var el = $(this);
var link = el.attr('href');
window.location = link;
});
});
原因:iOS 设备上,如iPhone5s,在第一点击时是 hover 事件(类似鼠标移动上去),第二次才是点击事件。