手动渲染动态生成的谷歌“加一”按钮

【问题标题】：Manually render dynamically generated Google 'plus one' button手动渲染动态生成的谷歌“加一”按钮
【发布时间】：2012-05-10 09:34:00
【问题描述】：

场景如下：

该网页没有 google+ 按钮。
用户点击按钮。
发送 AJAX 请求，该请求会加载一些文本和 google+ 按钮 (<g:plusone href="http://www.website.com"></g:plusone>) 变成div。
当我查看代码时，我可以看到它存在，但它没有呈现。

我听说这可能有用： gapi.plusone.go();

但我不确定。

有什么想法吗？

谢谢

【问题讨论】：

既然你已经有了 g+ div - 你所要做的就是通过调用gapi.plusone.go() 来调用渲染。最好将容器 div 的 id 传递给它。

标签： javascript html ajax google-plus google-plus-one

【解决方案1】：

你在正确的轨道上。 gapi.plusone.go() 是显式呈现 +1 按钮的一种方式。这是来自official docs 的代码sn-p，它说明了使用gapi.plusone.render() 的另一种方法。

<html>
  <head>
    <title>+1 Demo: Explicit render</title>
    <link rel="canonical" href="http://www.example.com" />
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {"parsetags": "explicit"}
    </script>
    <script type="text/javascript">
      function renderPlusone() {
        gapi.plusone.render("plusone-div");
      }
    </script>
  </head>
  <body>
    <a href="#" onClick="renderPlusone();">Render the +1 button</a>
    <div id="plusone-div"></div>
  </body>
</html>

JavaScript API 进一步记录在 elsewhere on the previously linked page。

【讨论】：

谢谢！我遇到的另一个问题（我很傻）是我在页面加载后立即调用 render/go ......我添加了一点超时来等待 ajax 请求完成 - 现在它可以工作了。感谢您的帮助！