Question

我的桌面上有一个正常运行的网站。当我使用谷歌浏览器检查iPad Air或iPhone 5S（均为iOS8）上的网站时，我遇到了问题。 Safari工作得很好。在一个页面上有一些指向使用target="_blank"在新页面中打开的PDF文件的链接。这很好。

关闭带有PDF的标签后，我将返回原始网站，菜单似乎“冻结”。我仍然可以在新选项卡中滚动和打开其他PDF文件，但导航菜单不再起作用。我不能去其他页面重新加载页面没有帮助。如果我点击/触摸菜单中的链接，它仍会收到click，因为我在jQuery中添加了此代码：

$("ul li a").click(function(){
    var hrefTest = $(this).attr('href');
    alert(hrefTest);
    alert("klik");
});

两个警报都会显示，并且链接的href仍然正常。如果我将target="_blank"添加到菜单链接，则会在新标签中打开。显然这不是我想要的。

我的菜单没什么特别的或奇怪的，但这是我的代码：

<ul>
    <li class="desktopFirst"><a href="/movement/">Movement</a></li>
    <li class="last"><a class="active" href="/product/">Product</a></li>
    <li class="mobileFirst"><a href="/">Overview</a></li>
</ul>

页面如何仍然有效，但只有我的菜单链接没有转到他们的href链接？如上所述，这只发生在iPad和谷歌Chrome上。苹果手机。任何帮助将不胜感激，谢谢。

修改

该网站目前正在this website上投放。我无法弄清楚什么是错的，一个错误或我的代码的东西。

编辑2

我在经过大量测试后发现，当关闭带有PDF的标签时，导航无法正常工作。如果它仍然打开一切正常。有人有什么想法吗？我在这里绝望。

Answer 1

尝试使用p属性为href的{{1}}标记，类名为.link：

$(".link").click(function(){
    window.open(this.getAttribute("href"), "_blank");
});

这使用相同的想法，但这次利用了javascript提供的内置window.open()函数。这只是打开按钮属性的链接，并以_blank参数作为窗口名称。

要设置样式，使其看起来像链接，请在样式表中使用它：

.link{
    color: blue;                 //Set the color to blue.
    font-family: sans;           //Set to default text, change if necessary.
    text-decoration: underline;  //Underline the link.
}
.link:hover{
    cursor: pointer;             //Make the cursor a pointer when hovering the link.
}

此方法的一些文档可在此处找到：

在新标签页中打开PDF后，iPad / iPhone上的Google Chrome无法打开链接

1 个答案: