jquery - Fancybox iframe 中未显示链接

Question

我无法让 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>

Answer 1

您的代码没有任何问题，但问题与fancybox无关。

很可能该页面X-Frame-Options response header用于禁止在一个iframe（使用 htmliframe标签的 fancybox 的情况下）中打开该页面

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

您的代码可以与来自同一域的任何其他页面一起正常工作，或者不受 clickJacking 保护。