当用户成功填写注册表单时,我试图为两个 div 框设置动画。动画的第一个 div 是注册表本身,当用户正确填写表单时,它将从底部向上滑动到中心,然后向上滑动并离开屏幕。
我的第一个工作正常,但我需要第二个 div 从屏幕底部向上滑动到中心,其中包含一条消息,告诉用户检查他们的电子邮件以激活他们刚刚创建的帐户。我怎样才能让这个位工作和动画?
我使用的代码是这样的:
$("#registerForm").validate({
rules: {
name: { required: true, minlength: 3 },
eMail:{ required: true},
passWord: { required: true, minlength: 5 },
rePassWord: { equalTo: ".passWord" }
},
submitHandler: function(form)
{
// do other stuff for a valid form
$.post('../inc/register.php', $("#registerForm").serialize(), function(data) {
if(data == "true")
{
$('#loaderWrap').remove();
$('#reg_dialog').animate({
marginTop : -2000,
opacity : 0
}, 400);
$.append('<div id="reg_success">Please check your emails to active your account</div>');
//Slide Up Success Message
$('#reg_success').css({
top : winH / 2 - $this.height() / 2,
left : winW / 2 - $this.width() / 2,
display : 'block'
}).animate({
marginTop : 0,
opacity : 1
}, 400);
}
});
}
});