Javascript 用iframe实现Fancybox

我正在尝试建立一个网站，非常新手我正在尝试建立一个网站，非常新手我正在尝试建立一个网站，非常新手我正在尝试建立一个网站，非常新手

<iframe frameborder="none" src="20140905-8ebc/form.php" allowTransparency="true" style="position:relative;width:480px;height:600px;border:none;"></iframe>

    <a href="large_image.jpg" class="fancybox" title="Sample title"><img src="small_image.jpg" /></a>

    <script>
        $(document).ready(function() {
            $('.fancybox').fancybox();
        });
    </script>

</div>

$（文档）.ready（函数（）{
$（'.fancybox'）.fancybox（）；
});

您不创建iframe标记，fancybox创建。我不知道您使用的是哪个版本的fancybox，所以这里有两个版本的代码示例

版本1.x（）

使用告诉fancybox打开iframe的类创建锚定标记

<a class="iframe fancybox" href="20140905-8ebc/form.php">Open form</a>

<a class="fancybox" data-fancybox-type="iframe" href="20140905-8ebc/form.php">Open form</a>

<a class="fancybox" data-fancybox-type="iframe" href="20140905-8ebc/form.php">Open form</a>

$(".fancybox").fancybox({
    option  : value,
    option2 : value2
});