如何使用Fancybox在iframe中调用外部PHP


how to call external php in iframe using fancybox

>我无法使用调用外部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"
    });

});

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

请浏览此列表,并确保你已经完成了每一个:

  • 包含 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 看起来与我所说的完全一样,您应该没有问题。