在 x 秒后淡出模式框
Fade out a modal box after x seconds
我正在我的网站上使用重新模态作为联系表格。
我希望表单成功发送后,模态框在 1 或 2 秒后自动关闭。
用于在成功时关闭模态框的行是 inst.close();
我已经尝试过这个inst.close()。淡出(3000);但这没有用。
感谢您的帮助
我的联系表格代码:
// Contact Form
$(document).ready(function() {
$("#contactfrm").submit(function(e) {
e.preventDefault();
var inst = $.remodal.lookup[$('[data-remodal-id=modal]').data('remodal')]; // this was added by me
var name = $("#name").val();
var email = $("#email").val();
var message = $("#message").val();
var dataString = 'name=' + name + '&email=' + email + '&message=' + message;
function isValidEmail(emailAddress) {
var pattern = new RegExp(/^((([a-z]|'d|[!#'$%&''*'+'-'/='?'^_`{'|}~]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])+('.([a-z]|'d|[!#'$%&''*'+'-'/='?'^_`{'|}~]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])+)*)|(('x22)(((('x20|'x09)*('x0d'x0a))?('x20|'x09)+)?((['x01-'x08'x0b'x0c'x0e-'x1f'x7f]|'x21|['x23-'x5b]|['x5d-'x7e]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(''(['x01-'x09'x0b'x0c'x0d-'x7f]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF]))))*((('x20|'x09)*('x0d'x0a))?('x20|'x09)+)?('x22)))@((([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])*([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])))'.)+(([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])*([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])))'.?$/i);
return pattern.test(emailAddress);
};
if (isValidEmail(email) && (message.length > 1) && (name.length > 1)) {
$.ajax({
type: "POST",
url: "sendmessage.php",
data: dataString,
success: function() {
$('button[name="submit"]').hide();
$('.error').hide()
$('.success').fadeIn(1000);
inst.close(); // this was added by me
}
});
} else {
$('.error').fadeIn(1000);
}
return false;
});
});
我认为你需要使用回调函数:
$('.success').fadeIn(1000, function() {
inst.fadeOut(1000, function() {
this.close();
});
});
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- Javascript,访问一个主要对象模块模式中的每个对象
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 同位素库错误:未捕获错误无布局模式包装生产线8
- Javascript将图像src更改为淡入淡出
- 在DOM中查找一个模式并替换它's的内容使用jquery
- css(或jQuery)悬停时淡入淡出
- 如何缩短MongoDB ObjectId并在Mongoose模式中使用它
- D3.js模式不适用于弧形或圆环图
- jQuery UI模式对话框覆盖淡出
- (阅读更多链接)到模式淡入淡出视图
- 禁用平板电脑上引导模式的淡入淡出
- j查询页面淡入淡出和严格模式
- 在 x 秒后淡出模式框
- 淡出JavaScript”;模式窗口”;当单击背景时
- 如何把淡出类从引导模式
- 淡入淡出一个Bootstrap 3模式
- 隐藏引导模式与淡出效果使用Javascript
- 模式弹出窗口在打开单击时淡入,在关闭时淡出