javascript - HTML anchor 标记在其他地方按预期工作时无法在 iPhone 上打开页面

标签 javascript html iphone hyperlink anchor

我有一个页面,它基本上是一个定制的视频播放器,它有一个 <a href..></a>标记控制栏中的一个元素,它应该打开一个新页面,但无论出于何种原因,它在 iPhone 浏览器上不起作用,但似乎在其他任何地方(桌面和安卓)都运行良好。

实际代码是这样的:

<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>

据我所知,这段代码按预期工作,所以我假设其他一些因素对此有影响。

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

测试页面( anchor 区域在“号召性用语”想象之上)是 here .

谢谢!

最佳答案

我相信这是因为 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

关于javascript - HTML anchor 标记在其他地方按预期工作时无法在 iPhone 上打开页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52059602/

相关文章:

javascript - 使用 Webpack 和 Angular2 生成图像

javascript - 添加 onclick 函数到动态创建的 html $ ('#data' ).append()

iphone - iOS 7 图标文件名

ios - 具有多个来源的后退按钮

html - 我的网站加载有问题。这是嵌入到 index.html 中的 .SWF 文件

javascript - 如何让我平滑滚动?

javascript - 用 span 替换部分字符串

html - Css:如何使用底部填充使位置固定 100% 可调整大小? - 提供 JSFiddle

javascript - 脚本不适用于 chrome,只能用于 ie 和 firefox

iphone - iPad:标签栏项目标题不显示