0 
<div class="left" style="float:left" id="document-viewer">
    <iframe src="http://docs.google.com/viewer?url=http://www.mysite.be/doc.ppt&amp;embedded=true" width="620" height="780" style="border: none;" id="document-preview"></iframe>
</div>

Google ドキュメント ビューアが組み込まれています。すべて正常に動作しますが、特定のリンクをクリックして別のドキュメントを表示するときに、iframe src を変更したいと考えています。

 $('.document-slider-item').click(
        function(event){
           var url = 'http://docs.google.com/viewer?url=';
           url += $(this).attr('href');
           url += '&amp;embedded=true';
           event.preventDefault();
           $('#document-preview').attr('src',url);  
        });

これは私に与えますRefused to display document because display forbidden by X-Frame-Options.

誰もこれを解決する方法を知っていますか?

4

1 に答える 1

0

ソースを変更する代わりに、新しい IFrame をロードします。

 $('.document-slider-item').click(
    function(event){
       event.preventDefault();
       var url = 'http://docs.google.com/viewer?url=';
       url += $(this).attr('href');
       url += '&amp;embedded=true';
       var iframe = '<iframe src="'+url+'" width="620" height="780" style="border: none;" id="document-preview"></iframe>';
       $('#document-viewer').html(iframe);
    });
于 2012-07-25T12:17:55.760 に答える