将iFrame中的Fancybox扩展到外部

我在这里遇到了问题。 我在iFrame中有一个fancybox,它正常工作,但我需要它扩展到iFrame之外,这样它就可以填满整个屏幕(我的意思是扩展到它的父节点)。

有谁知道怎么做?

如果页面和iframe位于同一个域中,则可以从iframe内部打开父级中的fancybox窗口。 看看演示 。

父窗口 (包含fancybox脚本,css和iframe)

 

子页面 (包含在父级中调用fancybox的脚本)

 $('a').click(function() { // target the parent window (same domain only) // then call fancybox in the parent // You can add any HTML you want inside the fancybox call window.parent.$.fancybox(''); }); 

这是不可能的。 iframe是独立的页面,只能通过JavaScript与父进行交互,即便如此,它也是阴暗的行为。

无论你做什么,你的fancybox都不能扩展出iframe,但是通过一些工作你可以通过JavaScript调用父页面上的一个。

这篇文章将在两个方向回答您的问题(parent – > iframe,iframe – > parent): 从父页面调用iframe中的JavaScript代码

作为旁注,5年前,iframe已经不再流行了。 我会在任何新的制作中避开它们。

干杯。 🙂