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;Here's updated code：

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.

Answer 2

这里有一些可能感兴趣的链接：

jquery淡入淡出

另一个感兴趣的

更多的兴趣