Fancybox 不显示 iframe 内容

Question

我无法使用 fancybox 在我的应用程序中显示 iframe 内容。我可以让它在 JSFiddle 中工作：http://jsfiddle.net/RHaAX/634/ 但不在我的应用程序中。我还尝试将小提琴示例中的链接更改为我试图在我的应用程序中显示的页面，以防它是关于我的应用程序的特定内容，它仍然可以正常工作。

这是我在 .php 页面开头所做的包含

<script type="text/javascript" src="scripts/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="scripts/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.10.4.custom.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox.pack.js?v=2.1.3"></script>
<link rel="stylesheet" type="text/css" href="scripts/fancybox/jquery.fancybox.css?v=2.1.3" media="screen" />
<!-- Add fancyBox - button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="scripts/fancybox/helpers/jquery.fancybox-buttons.css?v=2.1.3" />
<script type="text/javascript" src="scripts/fancybox/helpers/jquery.fancybox-buttons.js?v=2.1.3"></script>
<!-- Add fancyBox - thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="scripts/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.1.3" />
<script type="text/javascript" src="scripts/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.1.3"></script>
<!-- Add fancyBox - media helper (this is optional) -->
<script type="text/javascript" src="scripts/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>

我检查了 javascript 控制台，确实找到了 .js 和 .css 文件。这是我正在使用的 javascript 和 html：

<script type="text/javascript">
$(function() {
    $('.fancybox').fancybox({type: "iframe", iframe: {preload: false}});
}
</script>
<a class="fancybox" data-fancybox-type="iframe" title="SGE status" href="pipelines.php?action=viewjob&id=<?=$analysis_qsubid?>">processing</a>

知道什么可能导致这不起作用吗？

Answer 1

您的代码中似乎缺少关闭 )：

$(function() {
    $('.fancybox').fancybox({type: "iframe", iframe: {preload: false}});
}); // <-- Here