Question

所以我已经下载了fancybox zip并将其添加到我的网站。当我去演示区时，除iframe外，一切正常。我还没有编辑代码。它在他们的网站上运行得很好，所以我不确定为什么它会在我的网站上有所不同。我搜索了这个网站和其他人，并没有想出任何东西。再次，我没有编辑任何代码，我只是解压缩并将其推送到我的服务器。有任何想法吗？ View Here

Answer 1

这不是一个花哨的问题。

fancybox下载中包含的演示文件针对iframe示例的 jQuery 网站....但今天大多数市长网站如 google ， yahoo 等等（现在 jQuery ）也不允许自己包含在iframe中。我猜演示文件已经过时了。

如果您可以将任何网站放在常规html iframe内（例如您自己或您创建的任何其他网站），那么您也可以使用fancybox打开它。 Check this demo and see it for yourself ...注意哪些iframe是“空白”。

您也可以check this thread作为参考。

Answer 2

调试时需要使用浏览器的错误日志/控制台。

我得到了

拒绝显示文档，因为X-Frame-Options禁止显示。

点击 iframe 链接。

jquery.com显然正在实施X-Frame-Options response header，以防止您在iFrame中加载其网站。

更新

以下是从jquery.com

返回的标题的摘录

$ telnet jquery.com 80
Trying 70.32.73.125...
Connected to jquery.com.
Escape character is '^]'.
GET / HTTP/1.1
Host: jquery.com

HTTP/1.1 200 OK
X-Frame-Options: SAMEORIGIN

Answer 3

非常简单，Iframe没有有效的来源。

iframe有一个名为src（source）的属性，它是要在内联框架中显示的网站的地址;你的那个演示链接到http://jquery.com 我不知道Fancy box是如何工作的，但我敢说这不是你想要的！

<iframe class="fancybox-iframe" name="fancybox-frame1329790605687" frameborder="0" hspace="0" scrolling="auto" src="http://jquery.com"></iframe>

主fancybox演示站点上的src属性链接到本地页面：

<iframe class="fancybox-iframe" name="fancybox-frame1329790726739" frameborder="0" hspace="0" scrolling="auto" src="/demo/iframe.html"></iframe>

您可以在iframe外看到：

http://fancyapps.com/demo/iframe.html

Fancybox iframe是空白的

3 个答案:

更新