Question

需要：在使用data-role =“page”＆gt;

时，在同一页面上显示/替换现有DIV代码中的其他DIV

问题：在div中使用hide / show方法显示下一页reg按钮（点击）=＆gt; reg DIV内容＆gt;但Reg DIV内容仅显示2秒，然后退出应用程序并进入模拟器中的主菜单。

Code_STRUCTURE :(如下所述）

   <div id="page" data-role="page">
     <div id="header" data-role="header">
     </div>
     <div id="content" data-role="content">
        <div id="log_in"> <!-- 1st content <div> -->
        </div>
        <!-- need to replace -->
        <div id="reg"> <!-- 2nd content <div> -->
        </div>

        <!-- other <Div> with same procedure-->
     </div> <!-- content END -->
     <div id="footer" data-role="footer">
     </div>
  </div> <!-- page -->

 // in J query call
 // to show reg content then call
 $('#log_in').hide(); // or also tried as $('#log_in').css('display','none');
 $('#reg').show();   // or also tried as $('#reg').css('display','block');

平台：Android 编译：Eclipse Emulator

如果有人有答案，请发布！如果您愿意提供更多建议并且知识渊博。感谢您访问此帖子！

编辑:(我的旧代码）

  <div id="page" data-role="page">
 <div id="header" data-role="header">
 </div>
 <div id="content" data-role="content">
    <div id="log_in"> <!-- 1st content <div> -->
      <form>
         <input><!-- something goes here-->
         <button id="login">Login</button>
         <button id="reg">Register</button>
      **</form>**
    </div>
    <!-- need to replace -->
    <div id="reg"> <!-- 2nd content <div> -->
    </div>

    <!-- other <Div> with same procedure-->
 </div> <!-- content END -->
 <div id="footer" data-role="footer">
 </div>

（更正代码）：

    <div id="page" data-role="page">
 <div id="header" data-role="header">
 </div>
 <div id="content" data-role="content">
    <div id="log_in"> <!-- 1st content <div> -->
      <form>
         <input><!-- something goes here-->
      **</form>**

         <button id="login">Login</button>
         <button id="reg">Register</button>
              </div>
    <!-- need to replace -->
    <div id="reg"> <!-- 2nd content <div> -->
    </div>

    <!-- other <Div> with same procedure-->
 </div> <!-- content END -->
 <div id="footer" data-role="footer">
 </div>

Answer 1

问题肯定在于您的js代码。

您应该能够成功使用jQuery show() / hide()和display: none;。

<强> Here is working example

使用data-role =“page”＆gt;在同一页面上显示/替换现有DIV标记中的另一个DIV

1 个答案: