iframe与jQuery mobile问题,框架正在重新加载

时间:2014-04-09 13:37:08

标签: javascript jquery jquery-mobile iframe cordova

我正在使用 jQuery mobile phonegap 开发混合应用程序,在我的应用程序中,我正在加载包含 iframe 的页面。但真正发生的是当我在Android模拟器中加载页面正在加载并且框架与页面重叠(Kinda第二次加载)时,当我单击后退按钮并重新启动应用程序然后它将正常工作..我有看到一些关于修改cordova.plist的解决方案,但它不适用于我,有人可以帮助我吗?我正在使用 cordova 2.4.0

在下面给出我的HTML,我输出正确,但框架第一次重叠。

<!DOCTYPE html>
<html>
<head>
<title>My Account</title>
<meta charset="utf-8">
<meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css">
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>
<style>
#main{
    padding: 1em;
    position : absolute; 
    top : 0;  
    right : 0; 
    bottom : 0;  
    left : 0;     
}
</style> 
</head>
<body>
<div data-role="page" id="pageone" data-theme="a">

<!-- Header -->

<div data-role="header" data-position="fixed" align="center" data-theme="b"><h1>BANK NAME</h1>
<a href="home_page.html" data-role="button"  data-theme="b" rel="external" >Back</a></div>

<div data-role="main">

<div class="ui-field-contain" align="center">
<a href="atm_search_location.html" target="mapview" data-role="button" data-theme="a" data-inline="true">ATM</a>
<a href="branch_search_location.html" target="mapview" data-role="button" data-theme="a" data-inline="true">BRANCH</a>
<a href="atm_branch_near_map.html" target="mapview" data-role="button" data-theme="a"  data-inline="true">NEAR ME</a>
</div>
<div>
<iframe name="mapview" width="100%" height="950px" src="my_current_location.html"></iframe>
</div>
</div>
</div>


</body>
</html>

0 个答案:

没有答案