首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我想让成功通知和错误通知在通知后4秒后消失,但尝试这样做不起作用。

问我想让成功通知和错误通知在通知后4秒后消失,但尝试这样做不起作用。
EN

Stack Overflow用户
提问于 2016-11-27 06:13:54
回答 1查看 247关注 0票数 0
代码语言:javascript
复制
$( 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的新手

EN

回答 1

Stack Overflow用户

发布于 2016-11-27 06:43:46

此部分显示警报:

代码语言:javascript
复制
$('#alert').html(response.message).slideDown();

缺少在4秒后隐藏警报的代码。您可以将其放在显示警报的代码之后。例如:

代码语言:javascript
复制
setTimeout(function() { $('#alert').hide(); }, 4000);

文档链接:https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40823686

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档