0
我从另一页加载注册表单。负载效果很好。我想接下来当有人点击关闭移动框并淡出雾。然而,我似乎无法让它工作,即使返回false应该阻止它去/#不起作用。有任何想法吗?淡入淡出而不淡出
jQuery的
$('.signUpLink').click(function(data) {
var url = $(this).attr('href');
$('#wrap').append(
$('<section>').load(url , function() {
$('.fog').fadeIn('10000');
$('.signUpBox').animate({top: '200px'}, 400);
})
);
data.preventDefault();
});
$('.signUpBoxClose').click(function() {
$('.fog').fadeOut('10000');
$('.signUpBox').animate({top: '-200px'}, 400);
return false;
});
HTML
<div class="signUpBox">
<form action="http://localhost:8888/splooth/index.php/register" method="post" accept-charset="utf-8">
<input type="text" name="username" value="" placeholder="Username" />
<input type="text" name="Email" value="" placeholder="Email Address" />
<input type="password" name="username" value="" placeholder="Password" />
<input type="submit" name="submit" value="Login" />
</form>
<a class="signUpBoxClose" href="#">Close</a>
</div>
<div class="fog"></div>
CSS
.signUpBox {
position: absolute;
top: -1000px;
left:50%;
margin-left:-480px;
width: 960px;
border: 2px solid black;
z-index: 25;
}
.signUpBoxClose {
position: absolute;
top: 0;
right: 0;
}
.fog {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.25);
z-index: 24;
display: none;
top: 0;
left: 0;
}
在控制台上的任何错误?如果您在点击处理程序中进行调试或发出警报,它会执行吗? – 2012-03-03 20:15:57