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

我无法使用正在调用外部php脚本文件的fancybox打开iframe 这是我过去常叫的主播标签

jQuery（文档）.ready（函数（）{
jQuery（“#iframe”）.fancybox({
“宽度”：“75%”，
“高度”：885，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
'type'：'iframe'，
'href'：“gallery.php”
});

}))

gallery.php文件位于同一文件夹中

---

呼叫页面也在php上

请仔细查看此列表，并确保您已完成每一项：

• 包括jquery库并确保它正确地包含它（这可以通过使用“firebug”和“net”选项卡来完成）
• 包含fancybox css和javascript库，再次检查它们是否都已成功包含
• 尝试使用精确的路径，例如

下面是一个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>

$（文档）.ready（函数（）{
$（“#iframe”）.fancybox({
“宽度”：“75%”，
“高度”：885，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
'type'：'iframe'，
'href'：“http://www.test.com/gallery.php"
});
});
画廊

---

如果您完成了这些步骤，并确保您的html与我所说的完全一致，您应该不会有任何问题。

请仔细阅读此列表，并确保您已经完成了每个步骤：

• 包括jquery库并确保它正确地包含它（这可以通过使用“firebug”和“net”选项卡来完成）
• 包含fancybox css和javascript库，再次检查它们是否都已成功包含
• 尝试使用精确的路径，例如

下面是一个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>

$（文档）.ready（函数（）{
$（“#iframe”）.fancybox({
“宽度”：“75%”，
“高度”：885，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
'type'：'iframe'，
'href'：“http://www.test.com/gallery.php"
});
});
画廊

---

如果您完成了这些步骤，并确保您的html与我所说的完全一致，您应该不会有任何问题。

它的工作原理与任何其他文件相同，因此，我删除了PHP标记，因为这与PHP无关。在本例中，

href

选项是无用的，因为您已经使用

href

属性将fancybox绑定到锚定。当您将

单击
事件绑定到元素时，请使用
href
选项，该事件将触发fancybox。欢迎使用堆栈溢出！您知道吗，您只需以长格式编写一次
jQuery
？通过将代码包装在
（函数（$）{…}）（jQuery）中
，无论是否使用了
noConflict
，都可以使用
$
。在您的情况下，您也可以简单地使用
jQuery（document）.ready（function（$）{
然后在该函数中使用
$
。@SudhanshuSaxena和当您单击锚定标记？？Gallary.php或空的fancybox？？？@phazorRise时，您看到了什么？什么都没有发生…但当我单击在新选项卡oe窗口中打开时，它只是完美地运行了我的gallery.php文件…它与任何其他文件的工作原理相同，因此我删除了e PHP标记，因为这与PHP无关。在这种情况下，
href
选项是无用的，因为您已经使用
href
属性将fancybox绑定到锚点。当您将
单击事件绑定到元素时，请使用
href
选项，该事件将触发fancybox。欢迎使用堆栈溢出！是吗知道您只需编写一次长格式的
jQuery
？通过将代码包装在
（函数（$）{…}）（jQuery）；
，您就可以使用
$
，无论是否使用了
noConflict
。在您的情况下，您也可以简单地使用
jQuery（文档）。ready（函数（$）{
然后在该函数中使用
$
。@SudhanshuSaxena和当您单击锚定标记？？Gallary.php或空的fancybox？？？@phazorRise时，您看到了什么？什么都没有发生…但当我单击在新选项卡oe窗口中打开时，它只是完美地运行了我的gallery.php文件…非常感谢您…它工作了…我有一些相互矛盾的问题，请您继续这会阻止加载iframe…thanx很多@Adam谢谢你这么多…它很有效…我有一些冲突的查询阻止加载iframe…thanx很多@Adam