我在phonegap 3.0中遇到了一些性能问题。我有两个html页面(我不想把它们放在一起作为一个页面)。两个页面都称为jquery移动脚本和phonegap的deviceready函数。我使用window.location =" page2.html"等导航命令。
它可以转到page2.html,但需要7秒钟(我以为它再次加载了脚本文件)。所以我试图使用window.location.href =" page2.html"。它是直接在1秒内转到page2但它不能在page2中调用页面上传功能(又名:$(document).ready())。
我该如何解决这个问题?感谢您的任何建议或帮助!
编辑:
page1.html标题功能
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" src="js/less-1.3.0.min.js"></script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.1.1.min.css" />
<link rel="stylesheet/less" href="css/style.css">
<div>
Please click here to <a style="font-weight:bold;font-size:13px;color:blue;" id="registerButton"
onclick="callanotherpage('page2.html');" >REGISTER</a> !
</div>
<script type="text/javascript">
$(document).ready(init);
function init(){
document.addEventListener("deviceready", function(){
},true);
$("#pageLoader").hide();
}
function callanotherpage(page_name){
window.location.replace(page_name);
}
在page2.html
中<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" src="js/less-1.3.0.min.js"></script>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.1.1.min.css" />
<link rel="stylesheet/less" href="css/style.css">
<script type="text/javascript">
$(document).ready(init);
function init(){
document.addEventListener("deviceready", function(){
},true);
$("#pageLoader").hide();
}
function callanotherpage(page_name){
window.location.replace(page_name);
}
</script>
最好的Rgds, dartfrog
答案 0 :(得分:0)
使用普通链接怎么样?
<a href="page2.html">link</a>
我在3个不同的html页面上有一个9000行代码的应用程序。每页有超过9000行。从一个站点到另一个站点的更改不会超过&lt; 1秒
答案 1 :(得分:0)
尝试使用
document.location = "page2.html";