JQuery Mobile Div加載頁面訪問

Question

請即刻致電Jquery/Javascript和Jquery Mobile。我有兩頁，第一頁和第二頁。在第二頁，我把一個div隱藏起來，只顯示一個按鈕被點擊的時間。但是，無論何時從第一頁點擊第二頁的鏈接，div都會自動加載，但在刷新時，div的行爲正常。

我的HTML

<div class="content"> 
    <div class="dont_show center b">Please Wait...<br /><img src="images/loading.gif" /></div> 
    <div class="b"> 
     <div> 
      <img height="10%" width="10%" src="images/logo.png" alt="" /> 
     </div> 
     <div class="inner-addon left-addon"> 
      <i class="glyphicon glyphicon-user"></i>  
      <input type="email" data-clear-btn="true" class="form-control" id="email" required="required" placeholder="Email Address" /> 
     </div> 
     <div><a href="#" onclick="forgot(); return false;" class="btn btn-primary">Reset Password</a></div> 
    </div> 
</div> 

我的CSS

#dont_show, .dont_show { display: none; } 

jQuery的

function forgot(){ 
    $('.b').toggle(); 
    var email = $('#email').val(); 
    if(email == '') { 
     alert('Email Is Required'); 
     $('.b').toggle(); 
     return; 
    } 
} 

Answer 1

使用下面的代碼 HTML

<div class="content"> 
    <div class="dont_show center b">Please Wait...<br /><img src="images/loading.gif" /></div> 
    <div class="b"> 
    <div> 
     <img height="10%" width="10%" src="images/logo.png" alt="" /> 
    </div> 
    <div class="inner-addon left-addon"> 
     <i class="glyphicon glyphicon-user"></i>  
     <input type="email" data-clear-btn="true" class="form-control" id="email" required="required" placeholder="Email Address" /> 
    </div> 
    <div><a href="#" class="btn btn-primary">Reset Password</a></div> 
</div> 

的JavaScript

$(document).ready(function(){ 
$('a').click(function(){ 
$('.b').toggle(); 
var email = $('#email').val(); 
if(email == '') { 
    alert('Email Is Required'); 
    $('.b').toggle(); 
    return; 
} 
}); 
}); 

CSS

#dont_show, .dont_show { display: none; }