在Google文檔中動態更改src嵌入式查看器

Question

<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 += '&embedded=true'; 
      event.preventDefault(); 
      $('#document-preview').attr('src',url); 
     }); 

這給了我Refused to display document because display forbidden by X-Frame-Options.

有誰知道如何解決這個問題？

Answer 1

對不起傢伙，我解決它，而不是改變源，我打開一個新的IFrame：

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