Кнопка Google +1 не отображается во всех сообщениях на Tumblr (включена бесконечная прокрутка) - PullRequest
Новая
       9

Кнопка Google +1 не отображается во всех сообщениях на Tumblr (включена бесконечная прокрутка)

0 голосов
/ 28 января 2012

Когда на моем Tumblr blog.fokus.org включена бесконечная прокрутка, моя кнопка Google +1 не отображается, когда сообщения идут после страницы 2. Если я отключаю бесконечную прокрутку, она корректно отображается на каждой странице.В идеале я хочу иметь бесконечную прокрутку.

Когда вы нажимаете на сообщение, чтобы открыть ссылку на сообщение, оно показывает все кнопки нормально, независимо от того, на какой странице они находятся (с включенной или без бесконечной прокруткой).

Это длясообщение, которое появляется после страницы 2, и имеет следующий код: 

<hr class="tumblrAutoPager_page_separator">
<div class="tumblrAutoPager_page_info">

Я использовал консоль Firebug и заметил, что разница в том, как загружается код.

сообщение наpage1 

<div id="___plusone_0" style="height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">

, в котором также есть код iframe

пост на странице 2 показывает только этот код 

<g:plusone href="http://blog.fokus.org/post/16268298715/sirinthada-make-lots-of-art-listen-to-music" width="100" size="medium"></g:plusone>

Код, введенный мною в разделе метаданных 

<g:plusone size="medium"  width="100" href="{Permalink}"></g:plusone>

и в конце кода перед 

<script type="text/javascript">
  (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>

1 Ответ

1 голос
/ 29 января 2012

Когда страница завершает загрузку, все <g:pluseone /> на странице преобразуются в кнопки +1. Когда загружается новая страница, у вас есть <g:pluseone /> в HTML, но вы должны использовать + 1 JSAPI , чтобы превратить их в кнопки.

При каждой загрузке страницы необходимо вызывать что-то вроде следующего. 

<script type="text/javascript">
  gapi.plusone.go("body");
</script>

Для производительности вы должны изменить body, чтобы быть более конкретным.

...