从iframe调用父级中的Fancybox

首先，您应该使用fancybox v2.x来无缝地执行此 *** 作（修补fancybox v1.3.x并不值得）

其次，您需要在父页面和iframed页面这两个页面中都加载jquery和fancybox css和js文件，以便正确地超越fancybox，

因此在两个页面中，您至少应具有以下内容：

<link rel="stylesheet" type="text/css" href="fancybox2.0.4/jquery.fancybox.css" />

和

<script src="http://pre.jquery.com/jquery-latest.js"></script><script type="text/javascript" src="fancybox2.0.4/jquery.fancybox.js"></script>

然后在您的iframed（子页面）页面中，您的脚本基本上是相同的（但具有适用于v2.x的fancybox选项…请在此处查看文档）

$(".video").click(function() {        $.fancybox({ 'padding'       : 0, // more options (v2.x) etc

但是代替这个

        $.fancybox({

做这个：

        parent.$.fancybox({

然后fancybox将显示在父页面的iframed页面的边界之外