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; }