javascript - 在 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 中删除.