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。

Answer 2

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

jquery fadein fadeout

another of interest

some more of interest

div淡出后显示返回div

2 个答案: