div淡出后显示返回div

Question

我有一个表单,其中用户单击按钮来更新配置文件.后<div>通知他们就会淡出.它的工作原理但问题是当用户再次单击"提交"按钮时,<div>将不再显示.我的代码在:

function(data){

    if (data.response==1) 
    { 
        $('#stage').html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</div>"); 
    }
    else if (data.response==0) {
    $('#stage').html("<div style=\"background-color:#FF7800; padding-left:20px;\">No changes have been made to your profile!</div>");
   }
            $('#stage').delay(2000).fadeOut();

HTML代码

 <div id="stage" style="color: white;"></div>

我错过了什么？请帮帮我.谢谢.

Answer 1

一旦fadeOut()完成,将设置div到display:none;这里的更新后的代码:

function(data){

    if (data.response==1) { 
        $('#stage').show().html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</div>"); 
    } else if (data.response==0) {
        $('#stage').show().html("<div style=\"background-color:#FF7800; padding-left:20px;\">No changes have been made to your profile!</div>");
    }

    $('#stage').delay(2000).fadeOut();

}

在.show()您div将确保display:none;从删除div.