アンカータグ（IOS）

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

すべてのアンカータグに対してtouchendイベントをjQuery経由で使用します。

$(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  
     });  
    } 
});