解决 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 事件(类似鼠标移动上去) 第二次才是点击事件。