Fancybox 在同一个弹出窗口中打开超链接答案

【问题标题】：Fancybox opening hyperlinks in same popup windowFancybox 在同一个弹出窗口中打开超链接
【发布时间】：2012-05-29 19:25:00
【问题描述】：

我正在使用 fancybox iframe（可以在 iframe 演示中看到） http://fancyapps.com/fancybox/demo/

这是我正在使用的代码

 <p><a class="fancybox fancybox.iframe" href="items/item1.html"><span>Item 1</span></a>

然后我的 item1.html 包含以下代码：

<h3>Item 1</h3>
Blah blah blah text here
<a href="http://www.google.com"><img src="https://www.google.com/images/srpr/logo3w.png" width="160" height="25" border="0" alt="Google logo" /></a>

fancybox 弹出窗口工作并在单击项目 1 链接后弹出，但是，一旦 fancybox 打开并且我可以看到 blahblah 文本以及 google 徽标，当我单击徽标 - www.google 时。 com 应该加载，但它没有。我做错了什么？

谢谢，

丹尼尔

【问题讨论】：

标签： javascript jquery html fancybox

【解决方案1】：

您无法在fancybox 或任何其他灯箱中打开goolge，请查看https://stackoverflow.com/a/8808761/1055987 了解更多信息。

将其更改为任何其他 URL，最好是您自己的。

【讨论】：

其实我只是以google为例，它是一个不同的外部网站（LinkedIn）。
大多数大玩家（google、facebook、linkedin、yahoo 等）都不喜欢包含在 iframe 中。试试另一个……例如你的。
这主要是由于SAMEORIGIN策略（页面只能显示在与页面本身同源的框架中。）

【解决方案2】：

是在fancybox里面打开的问题吗？如果是这样，您可以将 target="_blank" 添加到 href 中，它将在新选项卡/窗口中打开。您的 iFramed 文档中的 html 将如下所示：

<h3>Item 1</h3>
  Blah blah blah text here
  <a target="_blank" href="http://www.google.com">
     <img src="https://www.google.com/images/srpr/logo3w.png" width="160" height="25" border="0" alt="Google logo" />
  </a>

【讨论】：

没有问题是我想在fancybox中打开它，但事实并非如此！当我单击谷歌图片链接时，没有任何反应。页面看起来像是重新加载但没有任何反应。

【解决方案3】：

具有敏感用户数据的网站通常会通过在其页面中添加名为 X-Frame-Options 的 HTTP 标头来阻止框架，以防止 clickjacking 攻击。除了通过您自己的服务器代理页面之外，您无能为力。

【讨论】：