我想知道爲什麼我的代碼不工作,任何幫助表示讚賞。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? 是非常有益的。
你能解釋爲什麼你使用iframe嗎?你不能調用一個URL來返回包含你需要顯示的數據的部分HTML嗎? –
嘗試使用div而不是iframe。必須有一種方法可以告訴impress.js在容器div上工作。看到這篇文章:https://github.com/bartaz/impress.js/issues/111 –