点击后如何隐藏Facebook Like Button？

Question

我一直在互联网上寻找可以执行此操作的代码，到目前为止还没有运气...这是我的 facebook 按钮的代码：

<script type="text/javascript"> 

$(function(){
    $('<iframe scrolling="no" frameborder="0" style="width: 300px; height: 80px;'+
        '" src="http://www.facebook.com/widgets/like.php?href='+
            encodeURIComponent(location.href)+
        '"></iframe>').appendTo('#like-button')
})
</script>

我希望这个按钮在被点击后消失（我想制作某种类似的门）

干杯

Answer 1

首先，为什么这是一个坏主意：

• 不再允许像盖茨一样，请查看changelog 和platform policy
• 如果用户不能直接在他喜欢的地方点赞，那会很烦人。
• 如果您在点击后立即隐藏“赞”按钮，用户将无法评论它
• 有时需要确认点赞（例如出于垃圾邮件的原因） - 如果您在点击后隐藏按钮，用户将无法确认并且点赞将无法通过
• 无论如何，这毫无意义，因为您将无法为返回用户检测到它，因此您需要在每次刷新页面时显示“赞”按钮。您可以使用 cookie，但这并不是一个真正可靠的解决方案。

...请不要尝试用 jQuery 解决最简单的问题。除了jQuery.appendTo，你可以使用appendChild，innerHTML，...在使用库之前学习JavaScript，否则你最终会使用它来做所有事情——这通常比Vanilla JavaScript慢很多，而不是很多情况下代码更少。

话虽如此，隐藏它并不是那么简单，您需要使用 FB.Event.subscribe 来订阅类似事件：https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.2

查看这个帖子，例如：Attach a click() event to the FaceBook 'Like' button?

再说一遍，因为它非常重要：不允许像盖茨一样！

Answer 2

您可以将其添加到您的脚本中：

$('#like-button').click(function(){
    $(this).hide();
});