在新选项卡中打开 PDF 后，iPad/iPhone 上的 Google Chrome 无法打开链接

Question

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

关闭带有 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 和 iPhone 上的 Google Chrome 上。任何帮助将不胜感激，谢谢。

编辑

该网站目前在this website 上运行。我无法弄清楚我的代码出了什么问题、错误或其他问题。

编辑 2

经过大量测试后，我才发现在关闭 PDF 的选项卡时导航不起作用。如果它仍然打开，一切正常。有人有什么想法吗？我在这里很绝望。

Answer 1

试试这个，假设你使用带有href属性的p标签，类名是.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.
}

这个方法的一些文档可以在这里找到：

1. http://www.w3schools.com/jsref/met_win_open.asp
2. https://developer.mozilla.org/en-US/docs/Web/API/Window/open
3. http://www.javascript-coder.com/window-popup/javascript-window-open.phtml