javascript - 试图让 iPhone 上的链接正常工作

Question

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

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

对于 css，我尝试了一些东西，增加了 a 标签的 z-index，添加了高度和宽度。这也是它的示例 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