JQuery Mobile Div 在页面访问时加载答案

【问题标题】：JQuery Mobile Div loads on page visitJQuery Mobile Div 在页面访问时加载
【发布时间】：2015-10-18 07:59:11
【问题描述】：

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

【问题讨论】：

标签： javascript jquery html css jquery-mobile

【解决方案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; }

【讨论】：