通知後4秒後に成功通知とエラー通知が消えてしまいますが、正常に機能していないことを試みました。

Question

$(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秒後に成功通知とエラー通知が消えてしまいますが、動作していないことを試みました。 4秒後に警告を隠しコードが欠落している

$('#alert').html(response.message).slideDown(); 

：javascriptの

Answer 1

この部分のコーディングに新しいですが、警告が表示されます。警告を表示したコードの後ろに置きます。ドキュメントへ

setTimeout(function() { $('#alert').hide(); }, 4000); 

リンク：たとえば https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout