javascript - 手动呈现动态生成的 Google 'plus one' 按钮

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

这是场景:

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

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

但我不确定。

有什么想法吗?

谢谢

最佳答案

您走在正确的轨道上。 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 .

关于javascript - 手动呈现动态生成的 Google 'plus one' 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10531215/

相关文章:

javascript - 显示本地存储中的多个输入

html - 表格单元格与行跨度对齐

javascript - JQuery工具中通过AJAX调用缓存JS资源

javascript - 在 MS Ajax 中将数字格式化为电话号码

javascript - jquery自动完成显示div内返回的html结果

javascript - jQuery 正则表达式 ^= 之间有数字

javascript每5秒无限循环一次对象

javascript - 如何判断函数是否为空

html - 百分比调整 CSS

html - Jekyll 每 4 个循环中的项目显示不同