Javascript JQuery移动Div在页面访问时加载
请输入Jquery/Javascript和Jquery Mobile的新信息。我有两页,第一页和第二页。在第二页,我放置了一个要隐藏的div,只在单击按钮时显示。但是,每当从第一页单击指向第二页的链接时,div就会自动加载,但刷新时div的行为正常 我的htmlJavascript JQuery移动Div在页面访问时加载,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,请输入Jquery/Javascript和Jquery Mobile的新信息。我有两页,第一页和第二页。在第二页,我放置了一个要隐藏的div,只在单击按钮时显示。但是,每当从第一页单击指向第二页的链接时,div就会自动加载,但刷新时div的行为正常 我的html <div class="content"> <div class="dont_show center b">Please Wait...<br /><img src="images/lo
<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>
Jquery
function forgot(){
$('.b').toggle();
var email = $('#email').val();
if(email == '') {
alert('Email Is Required');
$('.b').toggle();
return;
}
}
使用以下代码
HTML
CSS
使用以下代码
HTML
CSS
function forgot(){
$('.b').toggle();
var email = $('#email').val();
if(email == '') {
alert('Email Is Required');
$('.b').toggle();
return;
}
}
<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>
$(document).ready(function(){
$('a').click(function(){
$('.b').toggle();
var email = $('#email').val();
if(email == '') {
alert('Email Is Required');
$('.b').toggle();
return;
}
});
});
#dont_show, .dont_show { display: none; }