Question

我正在使用fancybox在弹出窗口上显示youtube视频，在popup中我使用了fb share和like按钮，但是当我点击分享按钮时它会在浏览器弹出窗口中打开，我想在fancybox lightbox中打开它以保持一致性。

无法弄清楚我如何在弹出窗口而不是浏览器弹出窗口中显示facebook共享对话框。

$('.fancybox-media')
    .attr('rel', 'media-gallery')
    .fancybox({
    href: $(this).attr('href'),
    openEffect: 'none',
    closeEffect: 'none',
    prevEffect: 'none',
    nextEffect: 'none',
    autoDimensions: false,
    padding: [15, 15, 0, 15],

    height: 370,
    width: 490,

    arrows: false,
    helpers: {
        media: {},
        buttons: {},
        title: {
            type: 'inside'
        }
    },

    beforeShow: function () {
        if (this.title) {

            this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=http:' + this.href + '&amp;layout=button&amp;show_faces=false&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px; float:right;" allowTransparency="true"></iframe>';
            this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=http:' + this.href + '&amp;layout=button&amp;show_faces=false&amp;width=500&amp;share=true&amp;action=like&amp;font&amp;colorscheme=light&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px; float:left;" allowTransparency="true"></iframe>';
        }

    }
});

Answer 1

无法弄清楚我如何在弹出窗口而不是浏览器弹出窗口中显示facebook共享对话框。

你不能。

Facebook不允许他们的登录页面包含在iframe内。这将返回一个空窗口（这是fancyBox在单击共享按钮时尝试执行的操作）

<iframe src="https://www.facebook.com/login.php"></iframe>

参见 JSFIDDLE

弹出窗口弹出 - Fancybox

1 个答案: