单击后隐藏加一个按钮 [英] hide plusone button after click

问题描述

我希望在用户使用jQuery点击后隐藏google的+1按钮;这是我正在使用的代码，但它似乎无法正常运行：

I want to hide google's +1 button after the user clicks on it using jQuery; this is the code I'm using but it seems it's not functioning properly:

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标记回调参数以触发隐藏功能。可能有更好的方法来选择+1按钮，但这适用于演示。

Use the +1 tag callback parameter to fire the hide function. There's probably a better way to select the +1 button but this works for the purpose of a demo.

<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

Demo: jsfiddle.net/Gju6T

这篇关于单击后隐藏加一个按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！