Question

修改

我找到了一种在点击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 like按钮，因为它不会要求您在点击页面时共享页面，而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";
            }
        );
    };

Answer 1

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

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

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

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

1 个答案: