如何在jQueryMobile中清除外部頁面的文本字段值

Question

我有兩個頁面index.html和external.html。在index.html中我有兩個文本字段。在這些文本字段中插入一些文本並點擊按鈕，我會轉到external.html頁面。此external.html頁面有一個鏈接到index.html的按鈕。點擊該按鈕時，它會將我移至index.html。

現在的問題是，當我從external.html移動到index.html時，文本字段重新指定其以前的值。我希望它來到index.html頁面時清除以前的值。如何做到這一點，請幫助我。

的index.html

<section id="firstpage" data-role="page"> 
    <header data-role="header" data-position="fixed">  
     <h1>First</h1> 
    </header> 

    <div data-role="content" > 

    <script type="text/javascript" > 
     $(function(){ 
      $('#name_field').val(""); 

     }); 


     $(document).ready(function() { 
      $('.clearme').focus(function() { 
      $(this).val(""); 
      }); 
     }); 

    </script> 


    <label for="name" >Name:</label> 
    <input type="text" name="name" id="name_field" value="" class="clearme" placeholder="Enter Name"/> 

    <label for="email">Email:</label> 
    <input type="email" name="email" id="email_field" value="" placeholder="Enter Email Id" /> 

    <input type="submit" id="button" value="External Page" data-theme="b" onclick="_gotopage('http://localhost/test/external.html');"/> 
    </div> 

    <footer data-role="footer" data-theme="d" >  

    </footer> 
</section> 

external.html

<section id="secondpage" data-role="page"> 
    <header data-role="header" data-position="fixed">  
     <h1>External</h1> 
    </header> 

    <div data-role="content" > 

    <script type="text/javascript" > 


    </script> 
      <input type="submit" id="comment_enter_button" value="Index Page" data-theme="b" onclick="_gotopage('http://localhost/test/index.html');"/> 
    </div> 

    <footer data-role="footer" data-theme="d" >  

    </footer> 
</section> 

的script.js

function gotopage(gotopage) 
{ 
    $.mobile.changePage($(gotopage), { transition: "slide"}); 
} 



function _gotopage(page) 
{ 
    $.mobile.changePage(page); 
} 

Answer 1

是這樣的，你在找什麼？：

$(document).on('pageshow', function() { 
    $('.clearme').val(""); 
});