私のコードが機能しない理由を知りたいのですが、助けていただければ幸いです。
同じドメイン (リモートサーバーではなくサーバー上) から動的にロードされた 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を公開するには? とても役に立ちました。