HTML Anchor标签无法在iPhone上打开页面,而在其他任何地方都可以正常工作

时间:2018-08-28 13:54:15

标签: javascript html iphone hyperlink anchor

我有一个页面,该页面基本上是一个定制的视频播放器,该页面具有<a href..></a>标签,它是控制栏中的元素之一,应会打开一个新页面,但是由于某种原因它在iPhone浏览器上无法正常工作但似乎在其他任何地方(台式机和android)都能正常工作。

实际代码是这样的:

<a id="lb-anchor-link" href="http://apple.com" target="_blank">
   <div class="lb-asset" id="corner-logo" style="background-image: url([IMG_URL]); width: 150px; height: 60px;">
   </div>
</a>

AFAIK,此代码可以按预期工作,因此我假设其他一些因素对此也有影响。

请注意,元素是通过JS动态生成的。

测试页(锚定区域位于“ CALL TO ACTION”的想象中)是 here

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为这是由于IOS平台默认设置有关在移动浏览器上打开新窗口的缘故。您很可能需要编写JavaScript才能实现所需的功能

以下是一些参考:Opening of links in new tab on Safari iPhone

为什么target="_blank不起作用:https://www.experts-exchange.com/questions/27725291/Html-problem-with-target-blank-on-iPad-does-not-open-a-new-window-on-the-iPad.html