jquery - iframe 未使用 Fancybox v2.0.6 和 jQuery 1.7.2 填充

标签 jquery fancybox

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

如何解决这个问题?

最佳答案

Twitter 不允许 iframe。尝试使用另一个网址。

你连这个都做不到,

<html>
<head> 

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

关于jquery - iframe 未使用 Fancybox v2.0.6 和 jQuery 1.7.2 填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10668373/

相关文章:

javascript - 将有效的 json 附加到 html 元素

javascript - 寻找一种功能,使我能够将特定的导航菜单拖动到屏幕上的任何位置

javascript - jQuery 如果窗口宽度小于 991px,使 nav > li 不可点击

jquery - 如何在 fancybox 和 videoJS 中制作响应式 html5 视频

php - 如何在提交时关闭 fancybox...请需要帮助

jquery - 在 Fancybox 2.1.5 中删除或隐藏垂直滚动条

javascript - JQuery 鼠标悬停函数多次触发

javascript - 将下拉列表的值文本动态附加到另一个下拉列表

javascript - 添加从页面到灯箱的链接

php - Fancybox 图像在新窗口/选项卡中打开