2012-07-01 153 views
1

我无法获取fancybox在iframe中打开我的链接。我的代码如下。谢谢!链接未显示在Fancybox iframe中

<link href="./fancybox/jquery.fancybox-1.3.4.css" type="text/css" rel="stylesheet"/> 
<script src="_js/jquery-1.7.2.min.js"></script> 
<script src="fancybox/jquery.fancybox-1.3.4.js"></script> 
<script> 
$(document).ready(function() { 
$('.iframe').fancybox({ 
'width': '85%', 
'height': '75%', 
'transitionIn' : 'none', 
'transitionOut' : 'none', 
'type' : 'iframe' 
}); // end fancybox 
}); // end ready 
</script> 

而且我想从我的网页

<a href="http://www.nytimes.com/2010/07/18/books/review/Boyd-t.html" class="iframe"> 
<div class="linkcontainer"><h1>Review</h1></div></a> 
+0

您是否尝试从对象属性的名称中删除引号?从':' –

+0

左侧的名称中删除引号感谢您的回复。试过了。仍然没有运气。 :(点击链接后,一个空白的iframe窗口会短暂打开,然后消失,整个页面将变为链接中的页面。 – Ansh

回答

0

打开链接没有什么不对您的代码,但这个问题已经无关的fancybox。

最有可能该页面使用X-Frame-Options response header被设置为禁止页面的iframe(在用的fancybox情况下,使用HTML iframe标签)

检查此链接以获取更多信息之内被打开https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header

你代码可以很好地与来自同一个域的任何其他页面一起工作,或者不受clickJacking的保护。

+0

非常感谢!您是对的,这绝对是问题所在,我决定不再使用用于链接到外部网站的iframe。:) – Ansh