JQM pagecontainer change会自动重定向回主页

Question

我正在使用单页模型 JQM版本1.4.5 平台XDK

我想在Click上从SignInPage导航到SignUpPage，如下所示;

<!-- 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>

和相应的JS代码

$(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;
}

你可以注意到我尝试了pageContainer和changePage方法，两者都给了我相同的行为，转到下一页然后再自动重定向到家

我检查了这些解决方案，其中没有一个为我工作;

pagecontainer solution

change page solution

有没有人知道究竟发生了什么，或者在尝试更改页面时如何跟踪正在发生的事情以及他自动重定向到主页