Question

有人知道IE8中是否支持Google Plus按钮？这个问题表明它不支持IE7：Google +1 Button not working in IE7?。此外，该问题链接到一个页面（http://support.google.com/accounts/bin/answer.py?hl=en&answer=1151309），表明支持IE8。有趣的是，当我在Chrome中访问该页面时，我得到了G +按钮，但是当我在IE8中访问它时，我没有。

有什么想法吗？

Answer 1

有一个奇怪的IE8版本（仅限版本8.0.7600.16385）很难获得，它会导致Plus1按钮渲染时出现渲染错误。以下是解决此问题所需的代码：

    var gPlusOne = document.createElement('g:plusone'); 
    gPlusOne.setAttribute("size", "medium");
    gPlusOne.setAttribute("annotation", "bubble");
    gPlusOne.setAttribute("width", "120");
    googlePluginDiv[0].appendChild(gPlusOne);

注意我没有使用jQuery，因为jQuery不喜欢名为g:plugone的元素，但它可以使用document.createElement

呈现

Answer 2

对我来说，你的解决方案不起作用（在ie8的指定版本上......）但是，它使用HTML5语法。我在http://chovy.dyndns.org/social2.html找到了它。

如果主持人有一天下来，我会重现以下解决方案：

<div class="g-plusone" data-size="standard" data-count="true" [or data-whatever=...]></div>

我没有尝试使用JS动态加载它，但我想它应该没问题。

Answer 3

在IE8和IE9中完美运行......但在IE7中却没有分享演示：JQuery Iframe

  </head>
  <body>
  <div id="gplusID"></div>

    <script type="text/javascript">
    var gdiv = document.getElementById('gplusID');
    var gPlusOne = document.createElement('g:plusone'); 
    gPlusOne.setAttribute("size", "medium");
    gPlusOne.setAttribute("annotation", "bubble");
    gPlusOne.setAttribute("width", "120");
    gdiv.appendChild(gPlusOne);
      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>  

  </body>

</html>

Google Plus Button API是否支持Internet Explorer 8

3 个答案: