jquery - 如何制作iframe的灯箱 'breakout'？

Question

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

这在独立页面上一切正常，但是在网站首页上查看时，灯箱仅限于 iframe。

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

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

或者还有另一种方法可以让我完成这个任务吗？

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

Answer 1

有任何“灯箱”偏好吗？

如果你灵活的话，你可以使用 Fancybox (v2.x)并实现如本演示所示的效果:http://picssel.com/playground/jquery/fancyboxFromIframe_16Jan12.html

在该页面中有两个 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>