我有一个phonegap应用程序。有一个html文件是"index.html“,它被划分为一些div。每个div都像一个页面。
主页面(div)是登录页面,它为需要注册的用户提供用户名和密码的输入文本、登录按钮和注册按钮。
当用户不输入其中一个字段并按下登录按钮时,应用程序通知他他忘记输入其中一个字段,但在后台,我看到它再次加载页面。当我按下android设备上的"back“按钮时,当用户输入一些细节时,它会显示第一页。
另一件事是,当用户按下注册按钮时,它将导航到他的id为"registerPage“的寄存器div,现在当用户在其中一个字段中输入一个无效的输入时,应用程序会提醒他一些事情,但在后台,我看到它再次加载主页,而不是停留在同一个div中。所以我所做的是,当用户没有输入一个有效的输入时,我使用"$.mobile.navigate("#registerPage")来保持注册的同一个div,但是现在它加载主页面,然后进入寄存器div。
我怎么才能修好它?
发布于 2014-09-01 20:32:45
看起来导航正在重新加载页面。
考虑切换div in,(类似于使用工具栏模板,而不使用工具栏:-)。
在您的html中:
<body>
<div id="replacablediv" />
<script id="subheader-tpl" type="text/html">
<div class='subheader' id="subheaderdiv2">Status...</div>
</script>
</body>在其他地方,您可以替换一个div,例如在jquery中:
$('#replacablediv').html($('#subheader-tpl'));因此,不是导航到div,而是将可见的div替换为脚本模板块中的一个集合。这将避免页面的任何重新加载。(如果不使用jquery,则可以使用getElementById()访问div/脚本。
https://stackoverflow.com/questions/25593821
复制相似问题