Поддерживает ли API кнопки Google Plus Internet Explorer 8? - PullRequest
Новая
       13

Поддерживает ли API кнопки Google Plus Internet Explorer 8?

2 голосов
/ 18 января 2012

Кто-нибудь знает, поддерживается ли кнопка Google Plus в IE8? Этот вопрос предполагает, что он не поддерживает IE7: Кнопка Google +1 не работает в IE7? . Кроме того, вопрос связан со страницей (http://support.google.com/accounts/bin/answer.py?hl=en&answer=1151309), которая предполагает, что IE8 поддерживается. Интересно, что когда я захожу на эту страницу в Chrome, я получаю кнопку G +, но когда я захожу на нее в IE8, я не вижу.

Есть мысли?

Ответы [ 3 ]

3 голосов
/ 19 января 2012

Существует одна странная версия 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

0 голосов
/ 21 ноября 2013

Отлично работает в 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>
0 голосов
/ 08 февраля 2012

Для меня ваше решение не сработало (на указанной версии ie8 ...) Однако оно работало с использованием синтаксиса HTML5.Я нашел его здесь http://chovy.dyndns.org/social2.html.

Я воспроизвожу решение ниже на случай, если хостинг выйдет из строя однажды: 

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

Я не пытался загрузить его динамически с помощью JS, нодумаю, все должно быть в порядке.

...