Question

我无法使用调用外部php脚本文件的fancybox打开iframe 这是我以前调用的锚标签 <a id="iframe" href="gallery.php" >Gallery</a>

jQuery(document).ready(function() {
      jQuery("#iframe" ).fancybox({
        'width'             : '75%',
        'height'            : 885,
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe',
        'href'              : "gallery.php"
    });

}）;

gallery.php文件位于同一文件夹中 调用页面也在php上

Answer 1

请仔细检查此列表并确保您已完成每个操作：

包含jquery库并确保它正确包含它（这可以通过使用“firebug”和“net”选项卡来完成。）
包括fancybox css和javascript库，再次检查它们是否已成功包含。
尝试使用精确路径，例如http://www.test.com/gallery.php

以下是您的html文件应如下所示的示例：

<script type="text/javascript" src="http://www.test.com/jquery-1.4.3.min.js"></script>    
<script type="text/javascript" src="http://www.test.com/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.test.com/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#iframe" ).fancybox({
            'width'             : '75%',
            'height'            : 885,
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe',
            'href'              : "http://www.test.com/gallery.php"
        });
    });
</script>

<a id="iframe">Gallery</a>

如果您完成这些步骤并确保您的HTML看起来与我所说的一模一样，那么您应该没有任何问题。

如何使用fancybox在iframe中调用外部php

1 个答案: