Fancybox iframe是空白的

所以我下载了fancybox zip并将其添加到我的网站。 当我去演示区时,除iframe外,一切正常。 无论如何我还没有编辑过代码。 它在他们的网站上完美运行,所以我不知道为什么它会在我的网站上有所不同。 我搜索了这个网站和其他人,并没有得到什么。 再次,我没有编辑任何代码,我只是解压缩并将其推送到我的服务器。 有任何想法吗? 在这里查看

这不是一个花哨的问题。

fancybox下载中包含的演示文件,针对iframe样本的jQuery网站….但今天大多数市长网站,如谷歌雅虎等等(现在也是jQuery )不允许自己被包含在内I帧。 我猜演示文件已经过时了。

如果您可以将任何网站放在常规的html iframe (例如您自己或您创建的任何其他网站),那么您也可以使用fancybox打开它。 查看此演示并亲自查看…请注意iframe是“空白”的。

您也可以查看此post以供参考。

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

我明白了

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

单击Iframe链接时。

jquery.com显然正在实施X-Frame-Options响应标头,以防止您在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 

很简单,Iframe没有有效的来源。

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

  

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

  

您可以在iframe外看到:

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