0

我有一个 GWT 应用程序，我将“GWT 活动和地点”用于导航、Browserhistory 等。现在我尝试合并 google plus 按钮，以便用户可以推荐单个特定文章。正如您在第一个屏幕截图中看到的那样，我在页脚中也有一个 google plus 按钮。该页面直接包含在主机页面（HTML 页面）中，并在第一个页面加载时显示。第二个是文章小部件的一部分，因此通过 javascript 添加到主机页面。这个不会出现在第一个页面加载时，但是如果我重新加载页面（按 F5 后请参见第二个屏幕截图）。这个问题有什么解决办法吗？

我对 facebook like 按钮有同样的问题。我可以通过从 HTML5 版本切换到 iFrame 版本来解决这个问题。还有其他版本的 google plus 按钮吗？

这是我的代码。首先，我包含 google plus 脚本：

<script type="text/javascript">
  window.___gcfg = {
    lang: 'en-US'
  };

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

此代码添加按钮：

<div class='g-plusone' data-annotation='inline' data-width='300' data-href='http://gwt-prime.appspot.com/fb/ArticleSection/4'></div>

截图：

页面的第一次加载->缺少按钮：

在此处输入图像描述

重新加载页面后 - >按钮显示：

列夫

示例链接

要自己查看该页面，请查看此处：现场示例

4

1 回答 1

2

一旦您的网站完全呈现，请尝试调用此 jsni 代码段：

/**
 * Render any Google+ button inside of the container identified by containerId.
 */
static public native void go(String containerId) /*-{
    $wnd.gapi.plusone.go(containerId);
}-*/;
于 2013-10-05T01:24:29.453 回答