锚标记在Safari不工作（IOS）的iPhone/iPod的触摸/ iPad的

Question

这是我对我的HTML5

<div class="google-play"> 
    <a href="http://example.com" role="button"> 
     <img src="img/google-play-btn.png"/>                  
    </a> 
</div> 

和铬工作正常，FF，安卓但似乎并没有工作在iPad上。

Answer 1

通过jQuery在所有锚标签上使用touchend事件。例如：

$(function() {  
    $('a').on('click touchend', function() { 
     var link = $(this).attr('href'); 
     window.open(link,'_blank'); // opens in new window as requested 

     return false; // prevent anchor click  
    });  
}); 

如果你想使上面的iPhone和iPad的具体功能而已，请检查“设备”是一个iPad，iPhone等像这样：

$(function() { 

    IS_IPAD = navigator.userAgent.match(/iPad/i) != null; 
    IS_IPHONE = (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null); 

    if (IS_IPAD || IS_IPHONE) { 

     $('a').on('click touchend', function() { 
      var link = $(this).attr('href'); 
      window.open(link,'_blank'); // opens in new window as requested 

      return false; // prevent anchor click  
     });  
    } 
});