Якорный тэг, не работающий в сафари (ios) для iPhone/iPod Touch/iPad

Это то, что у меня есть на моем HTML5

<div class="google-play">
    <a href="#" onclick="location.href='http://example.com'; return false;" role="button">
        <img src="img/google-play-btn.png"/>                                                                    
    </a>
</div>

и отлично работает на хроме, FF, android, но, похоже, не работает на iPad.

Ответ 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    
        });     
    }
});