2013-07-15 34 views
0

我想知道爲什麼我的代碼不工作,任何幫助表示讚賞。Iframe,jquery keypress

我想要將下面的CSS應用於Iframe時,當我從同一個域(它在服務器上,而不是在遠程服務器上)動態加載iframe時,出現了轉義鍵。

 $("document").on("keyup", $('#tiny-iframe').contentWindow.document , (function(e) { 
      if (e.keyCode == 27) { 
        $('#full-pres, #tiny-iframe').css({ 
          "width": "400px", 
          "min-width": "350px", 
          "position": "relative", 
          "height":"240px" 
        }); 
      } 
     }); 

這HTML是iframe的HTML:

  <!doctype html> 
       <html> 
      <head> 
       <meta name='viewport' content='width=1024'/> 
       <title>Presentation Impress</title> 
       <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
       <style> p {font-size:70px;} 
       </style> 
      </head> 
      <body> 
       <div id='jmpress'> 
        <div id='impress'> 
        <div id='first' class='step ' data-x='0' data-y='0'> 
        <p >Première acétate. </p> 
        </div> 
        </div> 
       </div> 
     <script type='text/javascript' src='/static/javascripts/impress.js'> </script>  
       <script>impress().init();</script> 
      </body> 
     </html> 

進去一個div#微小的iframe,這是在我的HTML主頁一個div#全PRES。上面的代碼通過ajax加載。

這個帖子

How to expose IFrame's DOM using jQuery? 是非常有益的。

+0

你能解釋爲什麼你使用iframe嗎?你不能調用一個URL來返回包含你需要顯示的數據的部分HTML嗎? –

+0

嘗試使用div而不是iframe。必須有一種方法可以告訴impress.js在容器div上工作。看到這篇文章:https://github.com/bartaz/impress.js/issues/111 –

回答

0

如果iFrame位於同一個域中,則只能執行您正在嘗試執行的操作。

否則瀏覽器會阻止它。

+0

它不在遠程域。 –

+1

我怎麼知道? – Neal

+0

呵呵?我從我自己的服務器獲取了它,它是提供包含此腳本的網頁的人。 –