Fancybox不显示iframe内容
问题描述:
我在使用fancybox在我的应用程序中显示iframe内容时遇到问题。我能够在JSFiddle中工作:http://jsfiddle.net/RHaAX/634/,但不在我的应用程序中。我也尝试将小提琴示例中的链接更改为我尝试在我的应用程序中显示的页面,以防它对我的应用程序有特定的意义,并且它仍能正常工作。Fancybox不显示iframe内容
这里是包括我在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>
任何想法可能会导致这不起作用?
答
看起来像你错过了在你的代码关闭)
:
$(function() {
$('.fancybox').fancybox({type: "iframe", iframe: {preload: false}});
}); // <-- Here
看起来像我错过了);当将代码复制到这里时,但在我的应用程序中它是正确的 –