javascript - 点击后隐藏plusone按钮

我想在用户使用 jQuery 单击它后隐藏 google 的 +1 按钮；这是我正在使用的代码，但它似乎无法正常运行:

JS:

$(function() {
  $("#button").click(function()
  {
    $(".HIDE").hide();
  });

  return false;
});

HTML:

<div class="HIDE">
  <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  <g:plusone size="small" class="plusone"></g:plusone>
</div>

最佳答案

使用 +1 tag callback parameter 来触发隐藏功能。可能有更好的方法来选择 +1 按钮，但这适用于演示目的。

<g:plusone size="tall" callback="poHide"></g:plusone>
<script src="http://apis.google.com/js/plusone.js"></script>
<script>function poHide(){ $("#___plusone_0").fadeOut(); }</script>

演示:jsfiddle.net/Gju6T