bağlantı etiketi iPhone/iPod Touch için (ios) safari çalışmayan/iPad

Question

Bu benim HTML5

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

üzerinde sahip ve krom üzerine, FF, android çalışıyor ancak çalışmak için görünmüyor budur iPad'de.

Answer 1

Tüm bağlantı etiketlerinde jQuery aracılığıyla touchend olayını kullanın.

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

Yukarıdaki iPhone ve iPad özgü işlevi yalnızca, "cihaz" vb iPad, iPhone olup olmadığını görmek için kontrol yapmak istiyorsanız gibi öylesine:

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