jQuery mobile在同一页面中停止使用iFrame-Phonegap
这是我的Phonegap代码:jQuery mobile在同一页面中停止使用iFrame-Phonegap,jquery,html,cordova,jquery-mobile,phonegap,Jquery,Html,Cordova,Jquery Mobile,Phonegap,这是我的Phonegap代码: <html> <head> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable=no, i
<html>
<head>
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>Hello World</title>
<style type="text/css">
#footer{
position: absolute;
bottom: 0;
width: 100%;
}
</style>
</head>
<body style="margin: 0px;">
<!--<h1>Apache Cordova</h1>
<p id="registration"></p>
<ul id="pushList"></ul>-->
<div data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<iframe src="https://geckoadv.netsons.org/" style=" margin:0px; padding: 0px; border: 0px;" >
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
你好,世界
#页脚{
位置:绝对位置;
底部:0;
宽度:100%;
}
页面标题
页脚
当我在页面中添加iFrame
时,jQuery Mobile停止工作,页脚不显示。如果我删除
iFrame
,一切正常
有什么想法或建议吗?我没有用
关闭iFrame标记,我在控制台中收到此错误:“[违反]执行JavaScript时强制回流耗时57ms”