我想知道为什么我的代码不起作用,如果有任何帮助,我将不胜感激。
当我点击转义键时,当从同一域(在服务器上,而不是在远程服务器上)动态加载的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-press中的div#微小iframe。上面的代码是通过ajax加载的。
这篇文章
如何公开IFrame';使用jQuery的DOM?非常乐于助人。
只有当iFrame在同一域中时,您才能执行要执行的操作。
否则浏览器将阻止它。