2015-07-30 3 views
0

Я работаю над генератором, который помогает создавать социальные кнопки под одной крышей. Я смог создать генератор для Facebook & Twitter, но есть проблема с кнопкой Google+ в самом начале.Ошибка Google+ iframe

Я много искал, но не смог найти правильный ответ на «отказался отображать ....» X-Frame-Options 'to' SAMEORIGIN '".

Выпуск

Refused to display 'https://apis.google.com/se/0/_/+1/fastbutton?usegapi=1&action=1&size=medium…d=I0_1438276469698&parent=http%3A%2F%2Flocalhost&pfname=&rpctoken=13424874' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 

Да, я тестирую на месте, но я даже пытался онлайн на сайте, но он по-прежнему бросает эту ошибку.

Простой код

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

    // Add button markup 
    $('#googleplus-container').html('<div id="gp" class="g-plusone" data-action="1" data-size="medium" data-annotation="inline" data-width=""></div>'); 

    // Initialize button 
    if(typeof gapi !== 'undefined'){ 
     gapi.plusone.go('#googleplus-container'); 
    } 
}); 

Любой прямой решение этой проблемы?

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

Есть ли какой-либо другой подход, которым я могу следовать, как напрямую добавляя iframe?

Спасибо!

ответ

0

Удалить data-action="1" с g-plusone div. Это not a supported attribute и каким-то образом изменяет поведение.

+0

Не могу вас поблагодарить! :) – Addicted

+0

Не могли бы вы объяснить, почему 'gapi.plusone.go ('# googleplus-container');' не будет работать, когда вы меняете кнопку на кнопку «Далее» при изменении опции выбора? – Addicted

+0

Я в основном опустошаю контейнер div, затем добавляя этот '

', а затем выполняю этот' gapi.plusone.go ('# googleplus-container'); '. Но это не работает. О какой причине вы можете думать? – Addicted