手动渲染动态生成的Google'加上一个'按键

时间:2012-05-10 09:34:00

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

这是场景:

  • 该网页没有Google +按钮。
  • 用户点击按钮。
  • 发送AJAX请求,加载一些文本和google +按钮(<g:plusone href="http://www.website.com"></g:plusone>) 进入div
  • 当我查看它所在的代码时,我可以看到它,但它没有渲染。

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

但我不确定。

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:10)

你走在正确的轨道上。 gapi.plusone.go()是显式呈现+1按钮的一种方法。以下是official docs中的代码段,其中说明了使用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