尝试使iPhone上的链接正常工作

Question

我正在使用HTML5，但我遇到了一个奇怪的问题，我已经开始制作一个网站，但是在测试该网站时，我发现iPhone上的某些页面链接似乎不起作用。 的HTML：

<a href="link">
   <div>
       <img src="img" />
   </div>
</a>

对于css ive，我尝试了一些方法，增加了a标签的z索引，增加了高度和宽度。 这也是示例css：

a {
   display:block;
   z-index:999;
   height:200px;
   width:300px;
}

还尝试添加一些JavaScript，我从另一个stackover问题中发现：

$(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 links = $(this).attr('href');
                window.open.replace(links); // opens in new window as requested
                return false; // prevent anchor click    
            });
        }
    });

但是仍然没有运气

更新问题似乎可以在iPhone 5s上解决，但不能在iPhone 5c上解决

更新似乎与苹果iphone软件的最新更新有关

Answer 1

<a href="hovytech.github.io">
    <img src="img.png"></img>
</a>

---

要么

<img src="image.png" onClick="javascript:location.href='http://hovytech.github.io'"></img>

---

的jsfiddle

Answer 2

JavaScript的

<!DOCTYPE html>
<html>
    <head>
        <script>
            function openLink() {
                //Replace current window
                //window.open("http://hovytech.github.io", "_self");
                //Open new window
                window.open("http://hovytech.github.io", "_blank");
            }
        </script>
    </head>
    <body>
        <img src="http://hovytech.github.io/Images/HovyTech.png" width="self" height="100px" onclick="openLink()"></img>
    </body>
</html>

---

希望这种方法对您有用。