点击后如何隐藏Facebook Like Button?

时间:2014-11-09 00:24:25

标签: javascript facebook hide facebook-like

我一直在互联网上寻找能够做到这一点的代码,到目前为止没有运气......这是我的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>

我希望这个按钮在点击后消失(Im thiyin做某种类似门)

干杯

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

首先,为什么这是一个坏主意:

  • 不再允许盖茨,请查看changelogplatform policy
  • 如果用户不能直接与他喜欢的东西不同,那对用户来说很烦人。
  • 如果您在点击
  • 后立即隐藏,则用户无法对类似按钮发表评论
  • 有时需要确认喜欢的东西(例如出于垃圾邮件的原因) - 如果您在点击后隐藏按钮,则用户无法确认等等无法通过
  • 无论如何都没有意义,因为你无法为返回的用户检测到它,所以每次刷新页面时都需要显示相似的按钮。您可以使用cookie,但这不是一个可靠的解决方案。

...请不要试图用jQuery解决最简单的事情。而不是jQuery.appendTo,您可以使用appendChildinnerHTML,...在使用库之前学习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?

再次,因为它非常重要:不允许盖茨!