phonegap 和 Jquery mobile 中的性能问题

Question

我在 phonegap 3.0 中遇到了一些性能问题。我有两个 html 页面（我不想放在一起作为一页）。这两个页面都调用了 jquery mobile script 和 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， 箭蛙

Answer 1

只使用普通链接怎么样？

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

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

Answer 2

尝试使用

document.location = "page2.html";