Question

我在网站的首页上有一个iframe。 iframe加载.php页面，该页面具有使用jQuery Tools选项卡构建的旋转器。在第一个标签上，我使用jQuery Tools Overlay在灯箱中弹出YouTube视频。

这一点在独立页面上都运行良好，但是当在网站的首页上查看时，灯箱仅限于iframe。

我需要灯箱弹出/突破iframe并接管整个网站的首页。

有没有办法获取iframe的父窗口或顶部窗口，然后让灯箱在那里打开？

或者是否还有另一种方法可以实现这一目标？

网站已被锁定以进行开发，但您可以在此处查看独立的php页面：独立页面

Answer 1

任何＆＃34;灯箱＆＃34;偏好？

如果您具有灵活性，可以使用Fancybox (v2.x)并在此演示中实现此效果：http://picssel.com/playground/jquery/fancyboxFromIframe_16Jan12.html

在该页面中有两个iframe：左侧的iframe显示您当前的场景，而右侧的iframe显示您正在寻找的解决方案。

更新：使用jQuery.noConflict()

<script type="text/javascript" src="other_lib.js"></script> (mootools)
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>

如何使iframe的灯箱“突破”？

1 个答案: