Javascript 在div淡出后单击显示后退div

Javascript 在div淡出后单击显示后退div,javascript,jquery,html,Javascript,Jquery,Html,我有一个表单,用户点击按钮更新配置文件。在之后,通知他们它将淡出。它可以工作,但问题是当用户再次单击提交按钮时,将不再显示。我的代码在: function(data){ if (data.response==1) { $('#stage').html("<div style=\"background-color:#75A838; padding-left:20px;\">Your profile has been updated!</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();
功能(数据){
if(data.response==1)
{ 
$('#stage').html(“您的个人资料已更新!”);
}
else if(data.response==0){
$(“#stage”).html(“您的个人资料未做任何更改!”;
}
$('阶段').delay(2000).fadeOut();
html代码

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

我错过了什么?请帮我。谢谢。

一旦
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();

}
功能(数据){
如果(data.response==1){
$('#stage').show().html(“您的个人资料已更新!”);
}else if(data.response==0){
$(“#stage”).show().html(“您的个人资料未做任何更改!”);
}
$('阶段').delay(2000).fadeOut();
}

div
上的
.show()
将确保从
div

中删除
显示:无;
,以下是一些可能感兴趣的链接:


另一方面,最好不要使用内联样式。而是使用addClass()和removeClass()@luk2302-可能此函数是在单击此代码外的按钮时启动的。@luk2302-你是对的。我只能将其淡入淡出一次,然后在第二次提交时无法显示div。是的。谢谢。这就解决了问题。我将阅读show()函数一旦我在Ya-Allah.Thank@Joe中获得时间,它就帮助我解决了我的代码$('#stage').html(message.show().delay(5000).fadeOut(400)。