phonegap和Jquery mobile中的性能问题

时间:2014-08-13 13:11:23

标签: javascript jquery-mobile cordova

我在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

2 个答案:

答案 0 :(得分:0)

使用普通链接怎么样?

<a href="page2.html">link</a>

我在3个不同的html页面上有一个9000行代码的应用程序。每页有超过9000行。从一个站点到另一个站点的更改不会超过&lt; 1秒

答案 1 :(得分:0)

尝试使用

document.location = "page2.html";