隐藏和显示div与jquery移动

Question

那么，这是我第一次使用jQuery的手机。 我试图做一个单页移动应用程序和我有两个div喜欢如下：

<div data-role="page" id="divStart"> 
     <div data-role="content"> 
      <a id='btnShowSignUp' data-role="button" href='#' onclick="ShowSignUp();">Sign Up</a> 
      <a id='btnShowSignUp' data-role="button" href='#' onclick="ShowLogin();">Login</a> 
     </div> 
</div> 
<div data-role="page" id="divSignUp" style='display: none'> 
     <div data-role="content"> 
      <form id='formSignUp' method='POST'> 
       <div data-role="fieldcontain"> 
        <label for="name">Name</label> 
        <input name="name" id="name" type="text"> 
        <label for="email">E-mail</label> 
        <input name="email" id="email" type="text"> 
        <label for="pass">Pass</label> 
        <input name="pass" id="pass" type="password"> 
       </div> 
       <a data-role="button" href="#" onclick='SignUp();'>Save</a> 
      </form> 
     </div> 
</div> 

当我点击按钮“btnShowSignUp”，我调用该函数：

function ShowSignUp(){ 
    $('#divStart').hide(); 
    $('#divSignUp').show(); 
} 

我的问题：当我点击按钮时，'divStart'消失，'divSignUp'出现，但是它错过了它的一些jquery移动属性。这是为什么发生？

谢谢！

Answer 1

您没有关注JQM的导航API。该JQM框架管理的表现和你的各种“页面”藏匿，将它们之间的任何过渡沿：

function ShowSignUp(){ 
    $.mobile.changePage("#divStart"); 
} 

有了一个奇特的转变：

$.mobile.changePage("#divStart", { transition: "pop" }); 

如果你尝试做JQM的工作吧，你很可能会以无法预料的结果结束。

http://api.jquerymobile.com/jQuery.mobile.changePage/