1

我无法使用调用外部 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 上

4

1 回答 1

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

于 2012-05-11T16:48:24.850 回答