$( document ).ready(function() {
$("#ajaxform").submit(function(e){
var contactdata = $(this).serializeArray();
var submiturl = $(this).attr('action');
var submitbtn = $('#submit');
submitbtn.val('Sending...');
$("#ajaxform :input").prop("disabled", true);
$.ajax({
url: submiturl,
type: 'POST',
dataType: "json",
data : contactdata,
success: function(response){
$('#alert').removeClass('alert alert-success');
$('#alert').removeClass('alert alert-danger');
if(response.status=="true"){
$('#alert').addClass('alert alert-success');
$("#ajaxform :input").prop("disabled", false);
$('#ajaxform')[0].reset();
submitbtn.val('Send');
}else{
$("#alert").addClass('alert alert-danger');
$("#ajaxform :input").prop("disabled", false);
submitbtn.val('Send');
}
$('#alert').html(response.message).slideDown();
}
});
e.preventDefault();
});
});我想让成功通知和错误通知在通知后4秒后消失,但尝试这样做不起作用。我是编写javascript的新手
发布于 2016-11-27 06:43:46
此部分显示警报:
$('#alert').html(response.message).slideDown();缺少在4秒后隐藏警报的代码。您可以将其放在显示警报的代码之后。例如:
setTimeout(function() { $('#alert').hide(); }, 4000);文档链接:https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout
https://stackoverflow.com/questions/40823686
复制相似问题