Anker-Tag nicht in Safari arbeiten (ios) für iPhone/iPod Touch/iPad

Question

Dies ist, was ich auf meinem HTML5 haben

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

und funktioniert auf Chrom, FF, android aber scheint nicht zu funktionieren auf dem iPad.

Answer 1

Verwenden Sie touchend Ereignis über jQuery auf alle Anker-Tags. Zum Beispiel:

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

Wenn Sie nur die oben iPhone und iPad spezifische Funktion zu machen, um zu sehen, ob das „Gerät“ ist ein iPad, iPhone, usw. Wie so:

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