Google+按钮iframe错误

Question

我正在开发一种生成器，它有助于在同一个屋檐下创建社交按钮。我能够为 Facebook 和 Twitter 创建生成器，但是 Google+ 按钮在一开始就有问题。

我搜索了很多，但找不到 "refused to display.... '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？

谢谢！

Answer 1

从 g-plusone div 中删除 data-action="1"。它是 not a supported attribute 并以某种方式改变了行为。

Google+按钮iframe错误

Google+ button iframe error

javascript

iframe

jquery

google-plus-one

google-plus