簡體   English   中英

Fancybox不顯示iframe內容

[英]Fancybox not displaying iframe contents

使用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>

知道是什么原因可能導致此方法不起作用嗎?

好像您在代碼中缺少close )

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM