Question

我有一个简单的jquery移动幻灯片对话框，第一次滑出工作正常，一个评论框出现，用户可以输入评论，然后提交，然后“谢谢”将跟随。

但是当用户关闭对话框并第二次滑出对话框时，“谢谢”仍然存在，我想要生成一个新的评论框。

即使用户在没有提交的情况下在评论框中输入内容，只需返回，下一个幻灯片对话框仍会显示以前输入的文字！

非常感谢任何帮助。

这是html：

  <!DOCTYPE html>
  <html>
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
  <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
  </head>
  <body>
    <div data-role="page" id="pageone">

     <div data-role="header">
       <h1>Welcome To My Homepage</h1>
     </div>

     <div data-role="main" class="ui-content">
       <p>Click on the link to see the slide effect.</p>
       <a href="#pagetwo" data-transition="slide">Slide to Dialog Page</a>
     </div>

     <div data-role="footer">
       <h1>Footer Text</h1>
     </div>

   </div>

   <div data-role="page" data-dialog="true" id="pagetwo">

     <div data-role="header">
       <h1>Thank You!</h1>
     </div>

     <div data-role="main" class="ui-content">
       <form action="thankyou.asp" autocomplete="on">
         Comment:<input type="text" name="comment"><br>
         <input type="submit" value="Submit">
       </form>
       <a href="#pageone">Go Back</a>
     </div>

   </div>
</body>
</html>

Answer 1

由于您永远不会离开页面，您必须使用以下方法手动重置表单：

$（ “＃形式”）[0] .reset段（）;

jquery移动幻灯片对话框中有剩余的剩余内容

1 个答案: