iFrame Like Button on Facebook自定义onClick，正确的实现方式？答案

【问题标题】：iFrame Like Button on Facebook custom onClick, the correct way of implementing?iFrame Like Button on Facebook自定义onClick，正确的实现方式？
【发布时间】：2012-03-07 15:26:39
【问题描述】：

编辑

我刚刚找到了一种在单击 XFBML 后删除“分享”框的方法按钮：
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
   display: none !important;
}
找到HERE

现在 iframe 按钮触发什么事件？

我想知道如何为 iFrame Like 按钮实现自定义 onClick 事件。

我读到它应该与 FB.Event.subscribe('edge create',... 一起使用，但这种方法似乎只适用于 XFBML 按钮而不适用于 iFrame 按钮。

（我正在使用类似 iFrame 的按钮，因为单击它时它不会要求您共享页面，而 XFBML 按钮会询问您。如果无法使用 iFrame 创建自定义代码按钮，那么有没有办法在单击 XFBML 按钮后删除“共享”框？）

这是我现在正在使用的一段代码，如果我将按钮更改为 XFBML 按钮，自定义 clickEvent 将起作用！

<div id="loginContainer">
    <iframe
        src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRoyal-Translations%2F323613591009141&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=273312646075066"
        scrolling="no"
        frameborder="0"
        style="border:none; overflow:hidden; width:450px; height:21px;"
        allowTransparency="true">
    </iframe>
</div>



<script type="text/javascript">
    window.fbAsyncInit = function() {
        FB.init({appId: '273312646075066', status: true, cookie: true, xfbml: true});
        FB.Event.subscribe('edge.create',
            function(response) {
                document.getElementById("loginContainer").className += "invisible";
                document.getElementById("formContainer").className = "visible";
            }
        );
    };

【问题讨论】：

标签： facebook iframe onclick facebook-like xfbml

【解决方案1】：

那么有没有办法在单击 XFBML 按钮后删除“共享”框？

是的，你可以用一点 css 来隐藏 facebook 添加的 DOM 元素。

.fb_edge_widget_with_comment span.fb_edge_comment_widget { display: none !important; }

【讨论】：