Question

朋友我在页面导航中遇到问题我创建了一个包含2个HTML页面的程序 - ＆＃34; index.html＆＃34;和＆＃34; index2.html＆＃34; 当我尝试使用

更改页面时

$.mobile.changePage('index2.html','none');

它返回＆＃34;错误加载页面＆＃34;

然后我尝试使用

window.location="file:///android_asset/www/index2.html";

现在程序运行正常，但我想使用

导航到第二页

$.mobile.changePage('index2.html','none');

我想知道为什么程序失败了，但与另一个工作正常??? 帮帮我...

这是我的文件

＆＃34;的index.html＆＃34;

<html>
<head>

    <Title>Welcome</title>

    <script src="js/jquery-1.8.2.min.js" type= "text/javascript">               </script>   
    <script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript">         </script>
    <script src="js/cordova-1.5.0.js" type="text/javascript">                   </script>
    <script src="js/demoPlugin.js" type="text/javascript">                      </script>

    <script type="text/javascript">    
        document.addEventListener("deviceready", onDeviceReady, false);
    </script>

    <link rel="stylesheet" type="text/css" href= "css/jquery.mobile-1.2.0.min.css">
    <meta name="viewport" content= "width=device-width; height=device-height; user-scalable=no"> 

</head>

<body>

    <div data-role="content">

        <label><h1><center>Page 1</center></h1></label>

        <input type="button" value="click" id="btnClick" rel="external" onclick="check();">

    </div>


    <script>
    function check()
    {
        onDeviceReady();
    }

    </script>


</body>
</html>

＆＃34; index2.html＆＃34;

<html>
<body>
<div data-role="content">
        <label><h1><center>WELCOME to Page 2</center></h1></label>

</div>
</body>
</html>

＆＃34; demoPlugin.js＆＃34;

function onDeviceReady () 
{

 $('#btnClick').live('vmouseup', function (event, ui) 
 {        

        alert("WELCOME");
        $.mobile.changePage('index2.html','none');
        //window.location="file:///android_asset/www/index2.html";


 }
 );
}

使用资源

科尔多瓦-1.5.0.js
jquery.mobile-1.3.0.min.js
的jquery-1.8.2.min.js

Android cordova - 使用$ .mobile.changePage（“”，“”）导航时加载页面时出错;

0 个答案: