Jquery mobile JQM pagecontainer更改会自动重定向回主页
我正在使用单页模型 JQM版本1.4.5 平台XDK 我想按如下所示从SignInPage导航到SignUpPageJquery mobile JQM pagecontainer更改会自动重定向回主页,jquery-mobile,Jquery Mobile,我正在使用单页模型 JQM版本1.4.5 平台XDK 我想按如下所示从SignInPage导航到SignUpPage <!-- pageOne -- Sign In --> <div data-role="page" id="signInPage" class="blue"> <div data-role="content" class="ui-content formContents" style="padding: 15px;">
<!-- pageOne -- Sign In -->
<div data-role="page" id="signInPage" class="blue">
<div data-role="content" class="ui-content formContents" style="padding: 15px;">
<img border="0" src="images/login_icon.png" class="centerimg" >
<form id="loginform">
<input type="text" placeholder="User Name" id="loginusername">
<input type="password" placeholder="Password" id="loginpassword">
<input type="submit" value="login" data-theme="a" id="loginBtn">
</form>
</div>
</div>
<!-- pageTwo -- Sign Up -->
<div data-role="page" id="signUpPage" class="blue">
<div data-role="content" style="padding: 15px" class="formContents">
<img border="0" src="images/login_icon.png" class="centerimg">
</div>
</div>
正如您所注意到的,我尝试了pageContainer和changePage方法,它们都给了我相同的行为,转到下一页,然后再次自动重定向到主页
我检查了这些解决方案,没有一个对我有效
有没有人知道到底发生了什么,或者在试图更改页面和自动重定向到主页时,如何跟踪发生了什么代码>必须防止表单重新加载同一页。并删除
返回false
。将pageinit
替换为pagecreate
。我做了您提到的两个更改,登录页面闪烁并再次出现,甚至不移动到注册页面,是否有任何其他框架可以与jquerymobile结合使用,以避免我搜索了两天的导航问题:/update your question with exact code use。无论如何,请尝试使用锚定位到下一页,以确保jQM正确处理导航。这正是我使用的代码,谢谢先生
$(document).on('pageinit','#signInPage', function(){
$('#loginBtn').on('click',function() {
$.mobile.changePage( "#signUpPage", { transition: "slideup"} );
// redirectRegister();
});
});
function redirectRegister(){
$.mobile.pageContainer.pagecontainer('change', '#signUpPage', {
"transition" : "slide"
});
return false;
}