0

私のコードが機能しない理由を知りたいのですが、助けていただければ幸いです。

同じドメイン (リモートサーバーではなくサーバー上) から動的にロードされた iframe にフォーカスがあるときに、エスケープキーを押したときに次の css を 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>

私のメインhtmlページのdiv#full-presにあるdiv#tiny-iframeに入ります。上記のコードは ajax 経由で読み込まれます。

この郵便受け

jQueryを使用してIFrameのDOMを公開するには? とても役に立ちました。

4

1 に答える 1

0

iFrame が同じドメインにある場合にのみ、実行しようとしていることが実行できます。

そうしないと、ブラウザがそれを防ぎます。

于 2013-07-15T19:07:21.250 に答える