点击 Google+1 按钮后显示内容答案

【问题标题】：Display Content After Google+1 Button Clicked点击 Google+1 按钮后显示内容
【发布时间】：2013-03-04 11:27:20
【问题描述】：

我认为为那些在社交媒体上分享我的内容的人提供一些特别的内容会很棒，并开始研究这个东西。

我设法让它与 Facebook Likes 和 Twitter Tweets 一起使用，但卡在 Google+1 中。

谁能告诉我如何注册 +1 并在 +1 之后立即显示内容（隐藏的 div）？

这是我正在使用的代码：

HTML

<div class="g-plusone" data-size="medium" callback="cpg1callback"></div>

JavaScript

function cpg1callback(data){
      if (data.state == 'on') {
        $('.gpsuccessmsg').show("blind", { direction: "vertical" }, 500);
      }
}

我已将该 JS 代码放在一个链接到标题的 js 文件中，但这不起作用，我还尝试在关闭 body 标记之前放置该 js 代码，但没有成功。这里的任何指导都会非常有帮助。

问候

【问题讨论】：

【解决方案1】：

花了几个小时后，我终于让它工作了。分享此内容可能有助于寻找同一问题的答案的人。

您需要在callback 属性中包含回调（函数名），以防默认+1 按钮标记使回调起作用。例如，+1 按钮代码应为：

<g:plusone size="medium" callback="cpg1callback"></g:plusone>

在 HTML5 有效语法的情况下，属性应为 data-callback。例如：

<div class="g-plusone" data-size="medium" data-callback="cpg1callback"></div>

我希望这会为您节省一些时间。

【讨论】：

【解决方案2】：

您可能需要使用属性data-callback 而不是callback，因为您使用的是 div 标签。有关详细信息，请参阅https://developers.google.com/+/web/+1button/#plusonetag 的文档。

【讨论】：