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