解决 iOS 设备上html链接要点击两次才跳转的问题

转：http://www.runoob.com/w3cnote/solving-the-double-tap-issue-on-ios-devices.html

解决 iOS 设备上链接要点击两次才跳转的问题

昨天接到用户反馈，iOS 设备上链接要点击两次才跳转，这个问题怎么能忍的下去，解决办法如下： 确保你的HTML页面添加了以下头部代码：

<meta name="viewport" content="width=device-width, initial-scale=1"/>

引入 jQuery 库

<script type="text/javascript" src="/js/jquery.js"></script>

贴入如下代码:

$(document).ready(function() {

   $('a').on('click touchend', function(e) {
      var el = $(this);
      var link = el.attr('href');
      window.location = link;
   });

});

原因：iOS 设备上，如iPhone5s，在第一点击时是 hover 事件（类似鼠标移动上去），第二次才是点击事件。