Bre*_*dan 7 iframe html5 refresh jquery-mobile
我无法在第一次加载jQuery移动支持页面时显示iFrame.
我有一个iFrame如下:
<iframe id="manual" src="pdf/manual.pdf" style="width: 100%; height: 100%;"></iframe>
由于某种原因,当页面加载时,iFrame无法加载它.如果我刷新页面,我只能看到PDF文件.这是为什么？
为什么没有页面刷新,PDF文件首先没有出现在iFrame中？
感谢大家的见解.
编辑:
当我尝试使用safari打开页面时,我收到以下警告:
Resource interpreted as Document but transferred with MIME type application/pdf.
这可能与PDF无法正确加载的原因有关吗？
小智 3
我只是尝试使用 rel="external" 它无需刷新即可工作。第一个链接是 ajax 调用，第二个链接不是。这很简单，不确定我是否错过了你的其他东西..
第1页.html
<!DOCTYPE html>
<html>
<head>
<title>Demo Page</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Demo Page</h1>
</div>
<div data-role="content">
<a href="page2.html" data-role="button">Another Page</a>
<a href="page2.html" rel="external" data-role="button">View User Manual</a>
</div>
</div>
</body>
</html>
第2页.html
<!DOCTYPE html>
<html>
<head>
<title>Another Page</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page" data-add-back-btn="true">
<iframe id="manual" src="FocusFree.pdf" style="width: 100%; height: 100%;"></iframe>
<div data-role="header" data-theme="none">
<h1>Another Page</h1>
</div>
<div data-role="content" data-theme="none">
<p>This is another page, dude.</p>
</div>
</div>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
8939 次 |
| 最近记录： |