Question

我正在尝试开发一个注册用于Android的登录应用程序 JQueryMobile和Phonegap。用户名和密码时的问题由服务器验证，我不知道如何将用户重定向到他的个人主页，当我提醒用户时，它工作正常用户名和＆amp;密码正确。
2）在Phonegap中，是否有必要将所有代码放在一个www / index.html文件中？我们不能创造另一个链接起来的html文件？它仍然可以用作Android应用程序吗？谢谢！

Answer 1

您可以拥有多个页面（html）。

仅在index.html页面中包含脚本和其他详细信息，其结构如下所示：

<!DOCTYPE HTML>
<html>
<head>
<title>Demo</title> 
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />    

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>
<body>


<div id="pageIndex" data-role="page" class="content" data-theme='b'>

</div>

</body>
</html>

然后你可以在一些html文件夹中拥有如下所示的单独页面（html）：

<div id="pageLogin" data-role="page" class="content" data-theme='b'>

<div  data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'>
<h1>Header - Login Page</h1>
</div>
<div data-role="content">
Content for Login Page

</div>
</div>

Index.html默认情况下会加载然后在病房中你可以在相应的pageshow事件中使用jquery移动更改页面。

 $(document).on("pageshow", "#pageIndex", function () { 
    //directly navigate to the login page
    $.mobile.changePage("html/pageLogin.html");
 });

 $(document).on("pageshow", "#pageLogin", function () { 
    //directly navigate to the home page on validation of user in login buttion click event
    $.mobile.changePage("html/pageHome.html");
 });

JQueryMobile和PhoneGap

1 个答案: