好的..我的脚本中包含了Fancebox。
我使用这个 HTML 链接:
<p><a class="fancybox fancybox.iframe" href="https://twitter.com/intent/tweet?source=webclient&text=Hello+world!">twitter</a></p>
<p><a class="fancybox fancybox.iframe" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com">facebook</a></p>
这个 JS 脚本被添加到页面中:
$(function() {
$(".fancybox").fancybox({
maxWidth : 500,
maxHeight : 450,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
type : 'iframe'
});
});
当我单击其中一个链接时,会弹出一个 Fancybox + 目标窗口。
在我看到的源代码中:
<div class="fancybox-wrap fancybox-desktop fancybox-type-iframe fancybox-opened" style="width: 830px; height: auto; display: block; position: fixed; top: 85px; left: 417px; opacity: 1;">
<div class="fancybox-skin" style="padding: 15px;">
<div class="fancybox-outer">
<div class="fancybox-inner" style="width: 800px; height: 302px; overflow: auto;">
<iframe class="fancybox-iframe" scrolling="auto" frameborder="0" hspace="0" name="fancybox-frame1337456160882" src="https://twitter.com/intent/tweet?source=webclient&text=Hello+world!">
<html>
<head>
</head>
<body>
</body>
</html>
</iframe>
</div>
</div>
<div class="fancybox-item fancybox-close" title="Close"></div>
</div>
</div>
这意味着 iframe 不会由外部内容填充。
我该如何解决?