Question

好的.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不会被外部内容填充。

我该如何解决这个问题？

Answer 1

Twitter不允许iframing。尝试使用其他网址。

你甚至不能这样做，

<html>
<head> 

</head> 
<body> 
    <iframe src='https://twitter.com/intent/tweet?source=webclient&text=Hello+world!'></iframe>
</body>
</html>

iframe没有使用Fancybox v2.0.6和jQuery 1.7.2填充

1 个答案: